CODEWITHSUNDEEP
angularattributesconditional-statements
Morgoth
Morgoth

Reputation: 455

How to conditionally assign attribute value in angular 2?

I'm trying to learn the Angular 2. I have a simple material input tag and I wish to set it's value on a conditon.

<md-input value="dataSelected ? {{selectedDataName}} : ''"></md-input>

I tried to set [value] or dataSelected as {{dataSelected}} or (dataSelected) but it doesn't do the trick. Can someone lead me into right direction?

Upvotes: 10

Views: 16339

Answers (1)

ranakrunal9
ranakrunal9

Reputation: 13558

Instead of value="dataSelected ? {{selectedDataName}} : ''" you can set it value with below possibile ways : 

<md-input [attr.value]="dataSelected ? selectedDataName : ''"></md-input>

or

<md-input [value]="dataSelected ? selectedDataName : ''"></md-input>

or 

<md-input value="{{dataSelected ? selectedDataName : ''}}"></md-input>

Upvotes: 15

Related Questions