Javascript AngularJS输入更改重置

我有一个简单的搜索框。当输入框不为空时，将显示删除按钮以删除框内的文本。之后，按钮应该会再次消失，直到我再次在框中键入内容

当我手动删除文本时，删除框将消失，但当我按下删除按钮时，删除框将不起作用。
我必须使用.length吗？我以前是这样使用.value的：

if（$（.form-control”）.value=''（.form-control”）.value==$（.form-control”）.defaultValue{

提前谢谢

a=$scope

    a.change = function () {
        a.limit = 6;

        var x = a.search;
        if (x.length == '') {


            $(".form-inline").removeClass("isset");
        } else {
            $(".form-inline").addClass("isset");
        }
    };


    a.clearSearch = function () {
        a.search = "";
        a.limit = 6;
    };

html部分：

<input type="search" ng-change="change()" ng-model="search" class="form-control" placeholder="Labor durchsuchen...">

<div class="icon-close" ng-click="clearSearch()"></div>

---

您应该能够删除jQuery代码，只需使用

<div class="icon-close" ng-click="clearSearch()" ng-show="search.length===0"></div> 

---

我认为您需要触发

a.cleanSearch

中的

a.change

功能，再次检查是否键入了内容

a.clearSearch = function () {
  a.search = "";
  a.limit = 6;
  a.change()
};

---

您可以使用ng class了解JQuery的功能：-

var-app=angular.module（“myApp”，[]）；
app.controller（“myCtrl”，函数（$scope）{
$scope.formData={}；
$scope.change=函数（）{
//在这里做什么
};
$scope.clearSearch=函数（）{
$scope.formData.search=“”；
};
})；

为什么要在angularjs中使用jquery？这样你就可以看到我指的是哪个div了当有原生angularjs方法可以实现相同的功能时，不建议将jquery代码与angularjs混合使用。