3

検索入力フィールドとリストボックスがあり、

    <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}"検索欄で使ってみました。正常に動作していません。

4

2 に答える 2

3

試す

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

これは機能するはずです。フィドル http://jsfiddle.net/HB7LU/5613/を参照してください

どのバージョンの角度を使用していますか?

于 2014-08-23T08:57:15.407 に答える