Angular 角5结构指令

我正在尝试创建一个可重用的搜索框组件，目前我的设置是这样的

search.component.html

<div class="search-box-container">
  <fa-icon class="search-icon" [icon]="faSearch"></fa-icon>
  <input type="search" name="search" class="search-box" autocomplete="off" />
</div>

我想将其用于多个组件，如：

---

我的问题是如何访问结构化组件内主组件中的父ngModel和onUpdate集。

根据@Stanisalv在评论中回答：

---

在主组件中，您只需使用

@Output

decorator绑定到搜索组件的公共属性

---

在主组件中，您只需使用@Output decorator绑定到搜索组件的公共属性。我不确定，但您的问题似乎有点混乱。你能再（最后一句）说明一下你的问题吗。你对父母的ngModel和onUpdate是什么意思？您将ngModel作为属性传递，因此在应用程序搜索中您将有两个字段，@Input（）ngModel和@Output onUpdate？我理解错了吗？@StanisalvDontsov，这真是太好了！

import { Component, OnInit } from '@angular/core';
import { faSearch } from '@fortawesome/free-solid-svg-icons'

@Component({
  selector: 'app-search',
  templateUrl: './search.component.html',
  styleUrls: ['./search.component.scss']
})
export class SearchComponent implements OnInit {
  faSearch = faSearch;
  constructor() { }

  ngOnInit() {
  }

}