2016-11-10 10 views
0

これを書いてもよろしいですか?ng-classのいくつかの条件

<button href="#" ng-class="{'disabled' : form.mail.$invalid && form.firstName.$invalid }"></button> 

私はそれが正しいと思ったが、うまくいきませんでした。私はフォームを持っており、これらの条件がOKでない場合、送信ボタンを無効にする必要があります。

条件を1つだけ書き込むと動作します。

+1

ここでは、「form.mail。$ invalid ||」というOR文があると思います。 form.firstName。$ invalid' – devqon

+0

はいそれはORで動作します。しかし、すべての条件が良好でなければならないので、&&が必要だと思った。しかし、それはOrと一緒に働くので、私にとっては良いことです!ありがとう –

+0

あなたの問題が解決したら答えを受け入れることができますか? :) – Mistalis

答えて

2

あなたは、単にあなたの条件に()を使用することができます側の注意点として

ng-class="{'disabled': (form.mail.$invalid && form.firstName.$invalid)}" 

JSFiddle for demo


を、限り私はあなたのコードはうまく機能しなければならない知っているよう。

+0

良い構文をありがとう! –

1

適切な式でボタンにng-disabled属性を渡す必要があります。

<button ng-disabled="form.mail.$invalid && form.firstName.$invalid ">... </button> 
関連する問題