Angular 2 -> 如何使用 FormGroup 隐藏控件答案

【问题标题】：Angular 2 -> how to hide controls using FormGroupAngular 2 -> 如何使用 FormGroup 隐藏控件
【发布时间】：2017-03-26 18:09:55
【问题描述】：

有没有办法使用 FormGroup (TypeScript Angular 2) 控制控件的可见性。

我设法编写了以下代码：

this.myDoch.controls['text1'].disable();

但它只是阻止了控件，我正在寻找隐藏控件。

谢谢。

【问题讨论】：

您可以动态地将remove 和add 控制到formgroup.. 不确定是否适合您的用例
您始终可以将 [ngModelOptions] = {standalone:true} 放在带有 *ngIf 条件的 html 中。现在使用 angular4，您可以将 *ngIf - else bolck 放入 html 中。
suraj - 添加或删除控件只断开模板中的控件与类中的FormControl对象之间的连接。

【解决方案1】：

你可以像这样使用disabled：

<input [ngClass]="{'hidden': link.controls.title.disabled}" type="text" formControlName="title" />

linkArry.controls[0].disable();

.hidden {display:none;}

【讨论】：

【解决方案2】：

您可以使用“已禁用”css 选择器。例如：

.my-input:disabled {
    display:none;
}

你可以阅读它here。

【讨论】：