Angular 自定义组件中实现 ngModel 双向绑定

1. 自定义组件属性实现值的双向绑定

// 1. 自定义组件中定义需要双向绑定的值
// 参考：https://angular.cn/guide/two-way-binding
  @Input() userName: string;
  // Output中EventEmitter类型属性的名字必须为 Input属性对应名字+Change
  // 属性名 + Change 构成事件属性名，固定写法才能使用双向绑定 [(userName)]
  @Output() userNameChange = new EventEmitter<string>();
  /**
   * change  userName 改变时，通过 userNameChange 发送事件通知
   */
  public change(userName: string) {
   
    this.userNameChange.emit(this.