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

Question

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

我已经成功编写了以下代码：

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

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

谢谢。

- haya

---

你可以动态地从 FormGroup 中 移除 和 添加 控件。不确定是否适用于你的用例。 - Suraj Rao

你可以在带有ngIf条件的HTML中始终使用[ngModelOptions] = {standalone:true}。现在，使用Angular4，您可以在HTML中放置ngIf-else块。 - shaunak1111

Suraj - 添加或删除控件只会断开模板中的控件与类中的FormControl对象之间的连接。 - haya

Answer 1

您可以像这样使用disabled：

HTML

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

组件.ts

linkArry.controls[0].disable();

CSS

.hidden {display:none;}

- KarateJB

Answer 2

你可以使用'disabled' CSS选择器。 例如：

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

你可以在这里阅读相关内容。

- Gili Yaniv

---

我不想在页面上看到这个控件。 - haya

你不会看到它，对用户来说是不可见的。 - Gili Yaniv