클릭하면 동일한 속성을 갖지만 데이터 타겟이 다른 여러 버튼을 갖는 대신 변수에서 컨트롤러에 의해 결정되는 특정 모달을 여는 버튼을 만들려고합니다.
이것은 제가 아까 사용했던 버튼 중 하나입니다.
<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"
이것이 가능합니까?
속성 및 이벤트를 바인딩하는 것처럼 속성 바인딩을 통해 수행 할 수 있습니다. 속성 바인딩 구문은 다음과 같습니다.
[attr.<attribute_name>]="value"
[attr.data-target]="action.dataModalTarget"
참조 : Angular doumentation
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다