如何在 angular 中設置組件的屬性

Question

我正在玩 Angular 中的一些自定義組件，想知道是否有辦法實現以下目標。 我有一個表單，我想以反應形式動態顯示或隱藏不同的表單元素。 在正常輸入上這不是問題，但我有幾個自定義控件的實例，我在這樣的模板中設置了這些實例。

<app-dropdown placeholder="Test"
[disabled]="showEditNewButton"
guid='820E04E0-8084-4D9C-A268-D8C0D21E74F6'
formControlName="test">
</app-dropdown> 

所以現在的問題是我如何通過父組件中的代碼設置占位符字符串或 guid？ 還有什么是根據反應表單上另一個字段中的值從 Dom 隱藏或刪除某些自定義控件的最佳方法。 請記住，同一組件可能有多個實例，只是具有不同的 formControlName 和 guid。

我在我的組件中已經指定了@Input()，所以我可以將數據從模板發送到組件。

  @Input() guid: string;
  @Input() options: IServerDropdownOption[];
  @Input() placeholder = '--Select--';
  @Input() isRequired = false;

  private _disabled = false;
  @Input() set disabled(isDisabled: boolean) {
      this._disabled = isDisabled;
  };
  get disabled() {
      return this._disabled;
  }

  options$: Observable<Array<ServerDropdownOption>>;
  value;
  selectField;
  form: FormGroup;
  onChange;
  onTouched;
  validateFn: Function;

問題是如何像我想通過代碼設置占位符一樣從父組件向子組件發送數據。

Answer 1

您可以使用 ngModel 並使用 JSON object 輸入組合