Угловое динамическое значение 2+ с тегом ngFor

Question

У меня есть цикл ngFor с атрибутом disable 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 у вас есть два пути: 1-е: [disable] = "variableName". 2-й: отключить = "{{variableName}}". Но еще одна важная вещь: атрибут disable недоступен в теге 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>