javascript - 使用 Materialize CSS 和 Angular 进行导航栏搜索

Question

我是 Materialise 的新手，所以我一直在查看文档，并出现了一个疑问。 为了将搜索框添加到导航栏中，他们使用了以下示例:

 <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>

我的问题是，通常当我使用表单进行搜索时，我会在提交按钮中放入 ng-click="search(param)" ，在这种情况下该按钮不存在，那么应该如何我使用 Angular 来进行搜索？

Answer 1

你用完全相同的方式来做。您只需向其添加一个按钮即可。

<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>