web-dev-qa-db-ja.com

angular2でng-disabledに代わるものはありますか？

私は開発にangle2を使用していますが、angle2に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>

知りたいのですがどうすればこの機能を実現できますか？任意の入力？

angularangular-directive
121
Bhushan Gadekar

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>
235
Günter Zöchbauer
[attr.disabled]="valid == true ? true : null"

Html要素からattrを削除するにはnullを使用する必要があります。

52
Roger Gusmao

角度のある 4+ のバージョンでは試すことができます

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

これは、angle 6で使っている解決策です。

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

上記の答えに加えて

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

私にとってはうまくいきませんでしたし、それがboolを期待しているのでnullを使うことに注意してください。

2
Aneeq Azam Khan

はい[disabled] = "true"に設定するか、ラジオボタンかチェックボックスの場合は、単にdisableを使用します。

ラジオボタンの場合：

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

ドロップダウンの場合：

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