Javascript 带ECSS和角度的导航栏搜索

我是materialize的新手，所以我一直在查看文档，但有一个疑问出现了。 要在导航栏中添加搜索框，他们使用以下示例：

 <nav>
<div class="nav-wrapper">
  <form>
    <div class="input-field">
      <input id="search" type="search" required>
      <label for="search"><i class="material-icons">search</i></label>
      <i class="material-icons">close</i>
    </div>
  </form>
</div>

搜索
关闭

---

我的问题是，通常当我使用表单进行搜索时，我会在submit按钮中放置一个

ng click=“search（param）”

，在这种情况下，这个按钮不存在，那么我应该如何使用angular进行搜索呢？

您也可以采用完全相同的方式进行搜索。您只需添加一个按钮即可

<nav>
    <div class="nav-wrapper">
        <form>
            <div class="input-field">
                <input id="search" type="search" required>
                <label for="search"><i class="material-icons">search</i></label>
                <i class="material-icons">close</i>
            </div>
            <button class="btn waves-effect waves-light" ng-click="function()">
                Search
            </button>
        </form>
    </div>
</nav>

搜索
关闭
搜寻

您可以在输入中使用进行搜索，因此每次输入内容时都会调用事件

<nav>
  <div class="nav-wrapper">
    <form>
      <div class="input-field">
        <input type="search" ng-model="searchString" ng-change="searchFor(searchString)">
        <label for="search"><i class="material-icons">search</i></label>
        <i class="material-icons">close</i>
      </div>
    </form>
  </div>
</nav>

---

“进行搜索”是什么意思？我的意思是获取输入并将其传递给函数，就像我使用ng click一样。

angular.module('myApp').controller('searchController', SearchController);

function SearchController() {
  var vm = this;

  vm.searchFor = SearchFor;

  function SearchFor(searchString) {
    // Return if inputed less than 3 characteres
    if (searchString.length < 3)
      return;

    // else call your api to search for
    searchApi.get(searchString).success(onSuccess).error(onError);
  }
}