Angularjs-如何关闭自动搜索视图

我是安格拉斯的新手。我有一个输入框，下面是搜索结果。下面给出了我的代码示例。我想在点击“关闭搜索结果”span时关闭搜索结果。但是没有任何出路。请帮帮我

屏幕截图：

<div>
    <div>
        <input type="text" placeholder="Choose a item..." ng-model="autoSearch" ng-keyup="getList()" class="form-control">
    </div>
    <div class="autosearch-result">
        <div class="search-result-close-block">
            <span class="search-result-close-text">Items found :</span>
            <span class="close" title="Close search result">×</span>
        </div>
        <ul>
            <li>.....</li>
            <li>.....</li>
            <li>.....</li>
        </ul>
    </div>
</div>

.autosearch-result {
position: absolute;
top: 100% !important;
z-index: 1;
}

HTML:

<div>
    <div>
        <input type="text" placeholder="Choose a item..." ng-model="autoSearch" ng-keyup="getList()" class="form-control">
    </div>
    <div class="autosearch-result">
        <div class="search-result-close-block">
            <span class="search-result-close-text">Items found :</span>
            <span class="close" title="Close search result">×</span>
        </div>
        <ul>
            <li>.....</li>
            <li>.....</li>
            <li>.....</li>
        </ul>
    </div>
</div>

.autosearch-result {
position: absolute;
top: 100% !important;
z-index: 1;
}

---

您将要向范围中添加一个值，该值将具有一个布尔值，用于跟踪跨度是否应隐藏/显示

然后您将希望使用隐藏/显示div

<div>
    <div>
        <input type="text" placeholder="Choose a item..." 
              ng-model="autoSearch" ng-keyup="getList()" class="form-control">
    </div>
    <div class="autosearch-result" ng-show="!displayResult">
        <div class="search-result-close-block">
            <span class="search-result-close-text">Items found :</span>
            <span class="close" title="Close search result" 
                  ng-click="displayResult = false>×</span>
        </div>
        <ul>
            <li>.....</li>
            <li>.....</li>
            <li>.....</li>
        </ul>
    </div>
</div>

发现的项目：
解决问题的一个更为角度的方法是使用
范围进行观察。$watch
自动搜索
并在没有
结果模型的情况下隐藏搜索结果。在watcher功能中：检查是否存在
自动搜索
值。如果有值，则执行搜索并更新
resultModel
。如果自动搜索设置为
resultModel
为
null
，这将导致div隐藏，因为
ng show=“resultModel”
将失败。