Angular中如何为模板引用变量let-list设置别名?
能否为Angular模板中的列表遍历变量设置别名?
可以的,这是提升代码可读性、避免变量名混淆的常用做法。你不需要用示例里的as语法,直接在let-后指定别名即可,PrimeNG的p-table会自动将当前遍历的列表项绑定到这个别名变量上。
修改后的正确代码示例:
<p-table [value]="list"> <ng-template let-person> {{person.personID}} </ng-template> </p-table>
如果需要更明确地指定上下文变量(PrimeNG默认将当前项放在$implicit上下文变量中),也可以写成:
<p-table [value]="list"> <ng-template let-person="$implicit"> {{person.personID}} </ng-template> </p-table>
这样就把原本容易和组件类中数组变量list混淆的模板变量,替换成了语义化的person,代码可读性大幅提升。
内容的提问来源于stack exchange,提问作者sander
相关产品推荐
相关产品推荐

