how to assign the value returned from function call to a variable inside html in angular 2

Question

<select [(ngModel)]="country" (change)="stateList = getStateList(country)">
        <option *ngFor="let c of countryList" [value]="c.Country.CountryID"></option>
</select>

Here in (ngModelChange) I want to assign the value returned from getStateList() to a varible, but it just calls the function and the return value is not bound to the variable.

score 0 · Accepted Answer · answered Dec 02 '17 at 14:52

0

You can simply assign inside the getStateList function itself

<select [(ngModel)]="country" (change)="getStateList(country)">
        <option *ngFor="let c of countryList" [value]="c.Country.CountryID"></option>
</select>

inside the component

getStateList(country : any){
   this.stateList = (getData);

}

answered Dec 02 '17 at 14:52

Sajeetharan

216,225
63
350
396

But i want to temporarily create stateList for each div, and number of divs is dynamic, so it will not be usable – Adarsh Kumar Dec 02 '17 at 16:01
then return the stateList – Sajeetharan Dec 02 '17 at 16:02
But i want to save each stateList value as well – Adarsh Kumar Dec 02 '17 at 16:05
Can you please show me how to do, as i am new here, thank you – Adarsh Kumar Dec 02 '17 at 16:07
its too broad, you can maintain a variable stateList inside the country object and assign it whenever you need – Sajeetharan Dec 02 '17 at 16:08
hope you goit it sorted – Sajeetharan Dec 02 '17 at 16:26

how to assign the value returned from function call to a variable inside html in angular 2

1 Answers1