반응형
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"
사용해야 합니다.null
HTML 요소에서 특성을 제거합니다.
여기 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
반응형
'prosource' 카테고리의 다른 글
키를 기준으로 사전 정렬 (0) | 2023.04.28 |
---|---|
여러 목록의 데카르트 곱을 가져오는 방법 (0) | 2023.04.28 |
Git으로 분기점을 찾으십니까? (0) | 2023.04.23 |
iOS Simulator 배포 대상은 7.0으로 설정되었지만 이 플랫폼에서 지원되는 배포 대상 버전은 8.0에서 12.1입니다. (0) | 2023.04.23 |
[클릭] 이벤트핸들러에서 버튼의 발신원 행을 가져옵니다. (0) | 2023.04.23 |