Cacher is the code snippet organizer for pro developers

Parent-child content

<h1>
  Header
</h1>
<app-list>
    <li>Child 1 from parent</li>
</app-list>

<app-list>
    <li>Child 2 from parent</li>
</app-list>

<ul>
    <ng-content></ng-content>
</ul>

####Databinding String Interpolation

{{}}

Property binding

<img src="{{expression}}">    //DOM

<img [src]="expression">    //Directive
<img [ngClass]="">    

<myComponent [property]="">   //component

@Input() propertyName:type;   //Custom

Even Binding

<img (click)="{{expression}}">  //DOM

<img [ngSubmit]="expression">   //Directive

<myComponent (event)="">    //Component

@Ouput() eventName = new EventEmitter();    //Custom

Two-way Binding

<input [(ngModel)]="expresion">