2017-06-14 5 views
0

今、私は条件に基づいてユーザを表示するボタンを決定するためにng-ifを使っています。私の$ scope.methodがファイル変数と一致するかどうかをチェックするだけです。もっと雄弁な方法でangularjsのボタンを条件に使う

<a class="btn btn-default" ng-if="method != file" ng-click="change(file)">Upload</a> 
<a class="btn btn-primary" ng-if="method === file" ng-click="change(file)">Upload</a>  

しかし

答えて

1

はい、正しくあります。 ng-classはあなたが欲しいものです。ここで

<a class="btn" ng-class="{'btn-default': method != file, 'btn-primary': method === file}" 
    ng-if="method != file" ng-click="change(file)">Upload</a> 

は、私はNG-クラスを使用する必要てるときに私は常に参照fantastic articleです。

0

あなたはそれをacheiveするNG-クラスを使用してconditionnalクラスを追加するもの... NG-クラスまたは任意の他の角度のディレクティブを使用してこれを行うには、より説得力のある方法があるかどう思ってイム https://docs.angularjs.org/api/ng/directive/ngClass

+1

OPは 'method === file'に基づいて異なるクラスを望んでいます。 Clickハンドラは変更されません。 – mhodges

+0

そのことに感謝します。私はng-classで自分の投稿を更新します – aorfevre

関連する問題