Angular - 为什么我的搜索栏不能正常工作？

Answer 1

这是因为您使用的 HTML 表单具有

POST

操作，该操作的默认操作是提交表单。同时，您不需要

submit

按钮，因为每次在文本输入中键入按键时都会执行搜索。

    <div class="search-bar">
      <form class="search-form d-flex align-items-center">
        <input type="text" name="query" placeholder="Search" title="Enter search keyword" (keyup)="filterUsers($event)" />
      </form>
    </div>

    <ul>
      <li *ngFor="let user of users">
        {{ user.name }}
      </li>
    </ul>

进行这几项更改应该可以使过滤系统正常工作。