Template for loops and property bindings
Pre-release
Pre-release
New features
- For loops in templates, e.g.
<a *ngFor="let item of items" class="menu-item" routerLink [href]="item.href">{{item.caption}}</a>·. It is currently not possible to nest for loops, see #701. - Property bindings in templates, e.g.
<input [value]="firstName"> - Image component based on
<img> @HtmlTemplateannotation for specifying the HTML file for aTemplate, e.g.@HtmlTemplate("mytemplate.html")
Fixes
- Static class names in templates now work, e.g.
<div class="foo bar"> - Comments
<!-- -->can be used in templates and are ignored by the parser - Templates can be removed from a view
Demos
- The web site demo menu was updated to use template data binding (property and for loop):