Dynamic routerLink value from ngFor item giving error "Got interpolation ({{}}) where expression was expected"
You can't use [] combined with {{}} either the former or the later
[routerLink]="item.routerLink"Should do what you want.
routerLink="{{item.routerLink}}"would bind item.routerLink.toString() to the routerLink property.
You may also go with the following code to pass expression with some text.
<div *ngFor="let customer of customers"> <a [routerLink]="'customer/'+customer.index">Link</a></div>
Something like this worked for us:
<input type="checkbox" [id]="['btn.botStepState-'+i]" [(ngModel)]="btn.botStepState" name="btn.botStepState-{{i}}" (change)="changeHandler($event)" class="cbx hidden" />- Property binding i.e.
[]required[]to evaluate values - Model binding i.e.
[()]required nothing special - Interpolation i.e.
{{}}could be used with general attributes - Event binding i.e.
()worked great with functions