可重复使用的角度组件

Question

我在一个角组件中有一个搜索文本框，用于搜索名称列表。 我想把它移到一个可重用的组件中，以避免在多个页面上重复相同的代码。 这样做的最佳做法是什么？我应该只生成一个新组件并将逻辑移到那里吗？我知道有一种方法可以与@input 装饰执行组件交互，但是我很难理解在这种情况下它是如何工作的。这是以下 HTML 和打字稿代码：

<input [ngModel]="searchStr" (ngModelChange)="employeeSearch($event)" class="form-control mb-3 pl-4" type="text"
        id="employeeName" placeholder="Employee Name" name="employeeName">


  employeeSearch(searchStr: string) {
    this.searchStr = searchStr;
    // some logic
  }

Answer 1

正如您已经说过的，您只需创建一个新组件并将逻辑移到那里。 因为您希望在应用程序中拥有相同的员工列表，所以您应该向您的应用程序引入一个服务，该服务存储/操作/等。你的员工名单。然后，您的组件应该使用该服务。