[angular] angular2에서 ng-disabled에 대한 대안이 있습니까?

Program / 글쓴이

개발에 angular2를 사용하고 있으며 angular2에 대한 대안이 있는지 궁금합니다 ng-disabled.

예를 들어. 아래 코드는 angularJS입니다.

<button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib >> {{libraries.name}}">
    <i class="fa fa-chevron-right fa-fw"></i>
</button>

이 기능을 어떻게 달성 할 수 있습니까? 어떤 입력?

답변

disabled속성을 설정 true하거나 false사용하려면

<button [disabled]="!nextLibAvailable" (click)="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib"> {{libraries.name}}">
    <i class="fa fa-chevron-right fa-fw"></i>
</button>

답변

[attr.disabled]="valid == true ? true : null"

nullhtml 요소에서 attr을 제거하는 데 사용해야 합니다.

답변

다음은 anular 6과 함께 사용하는 솔루션입니다.

[readonly]="DateRelatedObject.bool_DatesEdit ? true : false"

주어진 답변 이상

[attr.disabled]="valid == true ? true : null"

나를 위해 일하지 않았고 부울을 기대하는 null 원인을 사용하는 것을 알고 있어야합니다.

답변

각도 4 이상 버전의 경우 시도해 볼 수 있습니다

<input [readonly]="true" type="date" name="date" />

답변

예 [disabled] = “true”를 설정하거나 라디오 버튼 또는 확인란 인 경우 disable을 사용할 수 있습니다.

라디오 버튼 :

<md-radio-button disabled>Select color</md-radio-button>

드롭 다운 :

<ng-select (selected)="someFunction($event)" [disabled]="true"></ng-select>

답변