How to toggle Input in Angular 6?

Question

I want to toggle my select then show another input based on what I selected.

Owned:
<select ngModel="selectedValue">
 <option value="true">Yes</option>
 <option value="false">No</option>
</select>
<input *ngIf="selectedValue==false" type="date">

[(ngModel)]="selectedValue"

Z. Bagley
– Z. Bagley

2018-06-24 04:24:27 +00:00
Commented Jun 24, 2018 at 4:24 — Z. Bagley
– Z. Bagley, Commented Jun 24, 2018 at 4:24
Also, you can use *ngIf="!selectedValue"

Z. Bagley
– Z. Bagley

2018-06-24 04:29:33 +00:00
Commented Jun 24, 2018 at 4:29 — Z. Bagley
– Z. Bagley, Commented Jun 24, 2018 at 4:29

Izek · Accepted Answer · 2018-06-24 04:33:34Z

3

<select [(ngModel)]="selectedValue">
  <option value="true">Yes</option>
  <option value="false">No</option>
</select>
<div *ngIf="selectedValue"> Selected value is: {{selectedValue}}</div>
<input *ngIf="selectedValue == 'false'" type="date">

answered Jun 24, 2018 at 4:33

Izek

463 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

james Over a year ago

Thanks, this line of code solved my problem "selectedValue == 'false'" --> 'false'

Collectives™ on Stack Overflow

How to toggle Input in Angular 6?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related