ngFor标签中的Angular 2+动态值

Question

我有ngFor循环，属性在某些元素上禁用true，而值来自运行ngFor的数组。但我只能在ngFor标签内获得该值，但不能单独获得。这是示例代码

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

Answer 1

你写了一个完整错误的ngFor语法。请仔细阅读文档

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

Answer 2

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

Answer 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>