2016-05-11 9 views
70

私は開発のためにangular2を使用していて、angular2にng-disabledの代替があるのだろうかと思っていました。ang2の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> 

はどれだけ私はこの機能を実現することができます知っているしたいですか?入力がありますか? ?あなたはhtml要素からのattrを削除するnullを使用する必要が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> 
+13

[無効] = "!nextLibAvailable"試してみる – mayur

答えて

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

disabledプロパティを設定するには

+2

angular> 2.xの場合、これは[attr.disabled]を使用する正しい方法です。 – Dezza

+3

'attr.'は要素に'無効化されたプロパティ。ボタンや入力要素 'attr.'のような要素は冗長です。 'disabled'プロパティを持たない要素の場合、' attr.disabled'へのバインディングは、CSSでアドレス指定して無効にする(マウスポインタ、灰色など)ようにすると意味があります。 –

+0

はい、これは要素の一部がプロパティのデフォルトを無効にしていないときに最適な方法です。 – Viraj

0

はいあなたは[無効] =「true」に設定するか、またはそれがラジオボタンやチェックボックスであるならば、あなたは、単にラジオボタンの無効化

を使用することができます。

ドロップダウンのために
<md-radio-button disabled>Select color</md-radio-button> 

関連する問題