角度 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>

我确实完成了Angular 2 模板中的 let-* 是什么？但这并没有消除我的疑虑。如果我执行 {{col}} 和 {{item}} 会发生什么。请指导。

Answer 1

let-item="rowData"在 HTML 中相当于let item = rowData在 Typescript 中

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

let-col使用隐式声明，即let col = col.

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