Динамически назначить значение переменной атрибуту html - PullRequest
Новая
       3

Динамически назначить значение переменной атрибуту html

1 голос
/ 31 октября 2019

Я пытаюсь создать кнопку, которая при нажатии открывала бы определенный модал, который определяется контроллером в переменной, вместо того, чтобы просто иметь несколько кнопок, которые имеют одинаковые атрибуты, но с разными целями данных

Так что это одна из кнопок, которые я использовал ранее 

      <button mat-menu-item class="menu-item" *ngIf="isReady"
              data-toggle="modal" data-target="#ready-modal">
        <span>View Ready</span>
      </button>

, и вот что я придумал 

      <button mat-menu-item class="menu-item" data-toggle="modal"
        data-target="{{action.dataModalTarget}}" (click)="this[action.clickFunction](event)">
          <span>{{action.translationKey | translate}}</span>
      </button>

, однако, это выдает следующее исключение, 

Can't bind to 'target' since it isn't a known property of 'button'. ("      <button mat-menu-item class="menu-item" data-toggle="modal"

это вообще выполнимо или нет?

1 Ответ

4 голосов
/ 31 октября 2019

Вы можете сделать это с помощью привязки атрибутов, так же, как вы связываете свойства и события, синтаксис привязки атрибутов: 

[attr.<attribute_name>]="value"
[attr.data-target]="action.dataModalTarget"

Ссылка: Угловая doumentation

...