javascript - 如果搜索字段有值，则添加类：Angularjs

Question

我有一个搜索输入字段和一个列表框，

    <input type="text"  class="inputSearch" placeholder="Search" ng-model="searchRoleOne"/>
    <i class="fa fa-search"></i>                                                         
    <select multiple class="listMutiple top5" ng-model="selectedRoleValue">
        <option ng-selected="selectrole" ng-repeat="role in roles | filter:searchRoleOne" value="{{role}}">{{role}}</option>      
    </select>

我需要添加类说

    .addClear{
        background: url(../images/Close.png) no-repeat right -10px center;
        background-repeat: no-repeat;
        background-position: right 5px center;
    }

每当有文字时，我应该发生在更改功能上。单击 .addClear 类搜索字段应该为空，ng-model 也是如此。

我怎样才能做到这一点？

我尝试ng-class="{'addClear': searchRoleOne}"在搜索字段中使用。它不能正常工作。

Answer 1

你可以试试这个

在这里提琴

ng-class="{'addClear': searchRoleOne.length > 0}"

希望这可以帮助你

Answer 2

尝试

ng-class="{addClear: searchRoleOne.length}"

这应该可行，请参阅小提琴 http://jsfiddle.net/HB7LU/5613/

你使用什么版本的角度？