<table id="example" class="am-table am-table-bordered am-table-striped am-table-hover"> <thead> <tr> <th *ngFor="let colum of colums" >{{colum.colName}}</th> </tr> </thead> <tbody> <tr *ngFor="let parkIn of parkIns" (click)="getDetailAndFind(parkIn[carid])"> <td *ngFor="let colum of colums" width="{{colum.width}}" [innerHTML]="colum.formatter ? colum.formatter(parkIn[colum.colValue]):parkIn[colum.colValue] "></td> </tr> </tbody> </table>
Binding targets
The target of a data binding is something in the DOM. Depending on the binding type, the target can be an (element | component | directive) property, an (element | component | directive) event, or (rarely) an attribute name. The following table summarizes:
Type | Target | Examples |
---|---|---|
Property | Element property Component property Directive property |
src/app/app.component.htmlcontent_copy |
Event | Element event Component event Directive event |
src/app/app.component.htmlcontent_copy |
Two-way | Event and property | src/app/app.component.htmlcontent_copy |
Attribute | Attribute (the exception) | src/app/app.component.htmlcontent_copy |
Class | class property |
src/app/app.component.htmlcontent_copy |
Style | style property |
src/app/app.component.htmlcontent_copy |