ngFor 标记中的 Angular 2+ 动态值答案

【问题标题】：Angular 2+ dynamic value with in ngFor tagngFor 标记中的 Angular 2+ 动态值
【发布时间】：2018-09-03 18:52:13
【问题描述】：

我在某些元素上有带有属性 disable true 的 ngFor 循环，并且该值来自 ngFor 正在运行的数组。但是我只能在 ngFor 标记中获取该值，而不能单独获取该值。这是示例代码

<div ngFor="link in links.linkArr" disable='link.disbleLink'> //can't get the value here
 <div>
  {{link.disbleLink}} // works here
 </div>
</div>

【问题讨论】：

【解决方案1】：

你写了一个完全错误的语法ngFor。请浏览文档

<div *ngFor="let link of links.linkArr" [attr.disabled]="link.disbleLink">
   <div>
       {{link.disbleLink}}
   </div>
</div>

【讨论】：

【解决方案2】：

要在 html 中绑定动态变量并使用 angular，您有两种方法：第一个：[禁用] =“变量名称”。第二：禁用=“{{variableName}}”。但另一个重要的事情是禁用属性在 div 标签上不可用！ https://angular.io/guide/template-syntax

【讨论】：

【解决方案3】：

<div *ngFor="link in links.linkArr" [attr.disable]="link.disbleLink">
   <div>
       {{link.disbleLink}}
   </div>
</div>

或者你可以只使用括号：

<div *ngFor="link in links.linkArr" disable="{{link.disbleLink}}">
   <div>
       {{link.disbleLink}}
   </div>
</div>

【讨论】：