角度let-col let-item =“ rowData”

Question

我最近开始研究Angular 4，在处理primeNG数据表时，遇到了类似let-col let-item="rowData"的语法。我很困惑它在我的代码中的作用以及为什么我需要2个let- *。有人可以抽出一些时间向我解释吗？

<p-dataTable [value]="employees" selectionMode="single" [(selection)]="selectedEmployee" (onRowSelect)="onRowSelect($event)" [paginator]="true" [rows]="10" [responsive]="true">
    <header>Employee Management Service</header>
    <p-column field="name" header="name" [sortable]="true">
     <ng-template let-col let-item="rowData">
       <label>some data</label>
     </ng-template>
    </p-column>
</p-dataTable>

我确实通过了What is let-* in Angular 2 templates?，但这并没有消除我的疑虑。如果我做{{col}}和{{item}}，将会发生什么。请指导。

Answer 1

HTML中的

let-item="rowData"等同于打字稿中的let item = rowData

它在Angular模板<ng-template>中使用。

let-col使用隐式声明，该声明应为let col = col。

变量rowData和col由primeNG模块声明。