rajaramtt

    
/*

{
  "goodPackage": {
      "upsellList": [
        {
          "productCode": "product1"
        }
      ]

rajaramtt

import { Router, ActivatedRoute, Params } from '@angular/router';

  constructor(
    private router: Router,
    private route: ActivatedRoute,
  ) { }


   

rajaramtt

Including the CUSTOM_ELEMENTS_SCHEMA in the module allows the use of the web components in the HTML markup without the compiler producing errors

• Defines a schema that allows an NgModule to contain the following:
• • Non-Angular elements named with dash case (-).
• • Element properties named with dash case (-).
• Dash case is the naming convention for custom elements.

rajaramtt

Diff

Grid Layout is a two-dimensional and flexbox is a one-dimensional

Grid’s approach is layout-first and Flexbox’ approach is content-first

Flexbox small-scale layouts Grid’s larger scale

Grid is Container-Based, Flexbox is Content-Based

rajaramtt

Ctrl+, User Settings
Ctrl+K Ctrl+S Keyboard Shortcuts
Ctrl+T Show all Symbols
Ctrl+G Go to Line...
Ctrl+P Go to File...
Ctrl+Shift+O Go to Symbol...
Ctrl+Space Trigger suggestion
Ctrl+. Quick Fix

rajaramtt

const greet = (obj) => {
  return `${obj.greeting}, ${obj.firstName}${obj.lastName}`;
}

best way

const greet = ({

rajaramtt

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
})
export class AppComponent  {
  form = this.formBuilder.group({
    firstName: [''],
    lastName: [''],
    age: [''],
  });

rajaramtt

Property	

<img [src]="heroImageUrl">
<app-hero-detail [hero]="currentHero"></app-hero-detail>
<div [ngClass]="{'special': isSpecial}"></div>


Event

<button (click)="onSave()">Save</button>

rajaramtt

Annotations: TypeScript is statically typed and, therefore, all checks are performed at compile time. As mentioned before Types are annotated using :TypeAnnotation syntax.

Primitive Types

let isDone: boolean = false;

rajaramtt

https://angular.io/api/core/ViewContainerRef

https://angular.io/guide/dynamic-component-loader

https://medium.com/better-programming/creating-a-structural-directive-similar-to-ngif-in-angular-4709bac8044b