Clash Royale CLAN TAG#URR8PPP

Enabling the input field on selecting the dropdown

HTML

<mat-form-field class="id-name" >
<mat-select placeholder="ID Card" formControlName="IDproof">
<mat-option *ngFor="let IDproof of IDproofs" [value]="IDproof.value" >
IDproof.viewValue
</mat-option>
</mat-select>

</mat-form-field>

<mat-form-field class="id-number" >
<input matInput >
</mat-form-field>


I am having on option list and one basic input field like shown in below image

How can I make the input field active after selecting the option from the option list. Until I select any one option from the list it should be disabled and after selecting that input field should be filled(required). How can I achieve this?

disabled

<input>

select

1 Answer
1

use [disabled] property,

[disabled]

I have create a demo on Stackblitz

<input matInput [disabled]="myForm.get('IDproof').value">


ERROR Error: Cannot find control with name: 'IDproof'

[disabled]="!myForm.get('IDproof').value"

!

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.