Javascript AngularJS，当输入发生变化时，在按钮上设置类

我有一个输入字段，它是一个长列表的过滤器。输入字段旁边是一个搜索图标。基本上，当用户开始键入时，我需要更改icon类

我的文本字段设置如下：

<input type="text" ng-change="change()" ng-model="query" />
<button class="btn"><i class="icon-search"></i></button>

---

我不确定如何使用angular和更改类来确定字段中是否有输入。我在这里采取了正确的方法吗？谢谢

您可以在您的ng机型上使用ng class

<i ng-class="{'icon-search': query.length}"></i>

---

只需使用ngClass即可。函数$scope.change应返回类名，因此

<button ng-class="change()"><i class="icon-search"></i></button>

---

对不起，说得更清楚些。该类最初是一个搜索图标，我需要将该类转换为

图标刷新

。不过我想我已经弄明白了，谢谢你！何时调用change（）方法？仅在第一次呈现UI时？

<button ng-class="change()"><i class="icon-search"></i></button>

$scope.change = function() {
    if(something){
        return "classA";
    }
    else{
        return "classB";
    }
};