ngFor标签中带有Angular 2+动态值

时间:2018-09-03 18:52:13

标签: angular ngfor

我有一个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>

3 个答案:

答案 0 :(得分:1)

您编写的ngFor语法完全错误。请仔细阅读文档

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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