如何添加基于多变量比较的ng-class？

Question

我的 select 下拉列表需要 btn-success 的 class 如果 2 个变量形成一个 JSON 对象 != null.

到目前为止我尝试过的方法没有用，基本上如果 term.tag 和 term.id 不为空，将 class btn-success 添加到 select.

这是 ng-repeat 的内部 term in terms 是 JSON 数据。

<select ng-class="{ 'btn-success': term.tag != null && term.id != null }">
    <option value="companies">companies</option>
    <option value="news">news</option>
    <option value="people">people</option>
    <option value="products">products</option>
</select>

你会怎么做？

Answer 1

将您的 HTML 更改为如下内容：

<select ng-class="getButtonClass()">

并在您的控制器中添加一个功能：

$scope.getButtonClass = function() {
    if (term.tag && term.id) {
        return 'btn-success';
    }
});

如何添加基于多变量比较的ng-class？

How to add ng-class based on multiple variable comparison?

javascript

angularjs

angularjs-ng-repeat

ng-class