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

Question

我的选择下拉列表，如果2个变量形成JSON对象btn-success，则需要!= null类。

到目前为止我尝试过的功能无效，基本上如果term.tag和term.id不为空，请将类btn-success添加到选择中。

这是在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';
    }
});