Angular 2 -> how to hide controls using FormGroup

Question

Is there any way to control visibility of controls using FormGroup (TypeScript Angular 2).

I'm manage to write the following code:

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

but it only blocked the control, I'm looking for hide the contorl.

Thanks.

Answer 1

You can use disabled like this:

HTML

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

component.ts

linkArry.controls[0].disable();

CSS

.hidden {display:none;}

Answer 2

You can use the 'disabled' css selector. For example :

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

You can read about it here.