Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度2->;如何使用FormGroup隐藏控件_Angular_Typescript - Fatal编程技术网

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

Angular 角度2->;如何使用FormGroup隐藏控件,angular,typescript,Angular,Typescript,是否有任何方法可以使用FormGroup(TypeScript Angular 2)控制控件的可见性 我正在设法编写以下代码: this.myDoch.controls['text1'].disable(); 但它只是阻止了控制,我正在寻找隐藏控制 谢谢。您可以使用“禁用”css选择器。 例如: .my-input:disabled { display:none; } 您可以阅读它。您可以像这样使用禁用的disabled: HTML CSS .hidden{display:none;

是否有任何方法可以使用FormGroup(TypeScript Angular 2)控制控件的可见性

我正在设法编写以下代码:

this.myDoch.controls['text1'].disable();
但它只是阻止了控制,我正在寻找隐藏控制


谢谢。

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

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

您可以阅读它。

您可以像这样使用禁用的
disabled

HTML CSS
.hidden{display:none;}

您可以动态地对表单组进行控制。。不确定是否适合您的用例您可以始终使用*ngIf条件将[ngModelOptions]={standalone:true}放入html中。现在,使用angular4,您可以在html.suraj中放置*ngIf-else-bolck-添加或删除控件,只需断开模板中控件与类中FormControl对象之间的连接。我不想在页面上看到控件。如果不这样做,用户将看不到它。
<input [ngClass]="{'hidden': link.controls.title.disabled}" type="text" formControlName="title" />
linkArry.controls[0].disable();