更有說服力的方式使用angularjs上的按鈕條件

Question

現在我正在使用ng-if來確定哪個按鈕來顯示我的用戶基於條件。它只是檢查我的$ scope.method是否與文件變量匹配。

<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>  

但是我想知道是否有使用納克級或任何其他角度指令來做到這一點更雄辯的方式...

Answer 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> 

這裏是一個fantastic article當我需要使用納克級的我總是引用。

Answer 2

您應使用納克級到acheive這一點，添加conditionnal類 https://docs.angularjs.org/api/ng/directive/ngClass