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对象输入combinatin

如何设置角度的组件属性

1 个答案: