一个 Angular 在两个地方具有不同功能的响应式表单

One Angular Reactive forms at two places with different functionality

我有一个 angular 2 反应形式组件。我想在两个地方使用这个组件。在一个地方,表单是只读的,而在其他地方,它应该是可编辑的。怎么做?

您可以定义一个组件参数,例如布尔值 "readOnly",然后将该参数传递给输入的 "readonly" 属性。

https://angular-2-training-book.rangle.io/handout/components/app_structure/passing_data_into_components.html

在初始化表单上的每个字段时,您可以传入值来说明它是否被禁用:

组件输入:

@Input() isDisabled;

初始化表单域:

myInput: [{ value: "some value", disabled: isDisabled }, Validators.required],