prosource

angular2에서 fong-disabled의 대안이 있습니까?

probook 2023. 4. 28. 21:06
반응형

angular2에서 fong-disabled의 대안이 있습니까?

개발을 위해 angular2를 사용하고 있는데, 대체할 방법이 있는지 궁금합니다.ng-disabled각2로

예를 들어 아래 코드는 각도가 있습니다.JS:

<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 요소에서 특성을 제거합니다.

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

언급URL : https://stackoverflow.com/questions/37159827/is-there-any-alternative-for-ng-disabled-in-angular2

반응형