更多 eloquent 在按钮上使用条件 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>    

但是我想知道是否有更多 eloquent 方法通过使用 ng-class 或任何其他 angular 指令来做到这一点...

Answer 1

你应该使用 ng-class 来实现它并添加条件 class https://docs.angularjs.org/api/ng/directive/ngClass

Answer 2

是的，你是对的。 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 当我需要使用 ng-class.

时我总是参考