Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.3k views
in Technique[技术] by (71.8m points)

select - How to update a single var in angular after change

I have a stepper with the following select on step n.1:

<nb-select selected="INFO" (selectedChange)="changeStepperIDDevice($event)" placeholder="Disabled option">
    <nb-option value="INFO" disabled>Select Device...</nb-option>
    <nb-option *ngFor="let obj of deviceIDList" [value]="obj">{{obj}}</nb-option>
</nb-select>

and when i choose my device

changeStepperIDDevice = async (event) => {
     this.selectedStepperIDDevice = event;
}

on step n.2 i put the same select with the obj selected

<nb-select selected="DEVICE" disabled placeholder="Disabled">
    <nb-option value="DEVICE">{{selectedStepperIDDevice}}</nb-option>
</nb-select>

but id doesn't work... it empty... if i, put for example, an input to do the same

<input type="text" nbInput placeholder={{selectedStepperIDDevice}} disabled size="40%" />

it works... and it show me the selected device... but i just want it to works with the select so i can have a step by step setting device

can anyone help me?

thank you so much

question from:https://stackoverflow.com/questions/66045377/how-to-update-a-single-var-in-angular-after-change

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

just fix it in this way:

delete:

<nb-select selected="DEVICE" disabled placeholder="Disabled">
     <nb-option value="DEVICE">{{selectedStepperIDDevice}}</nb-option>
</nb-select>

and add:

<nb-select #myselect [selected]="selectedStepperIDDevice" disabled placeholder="Disabled">
     <nb-option *ngFor="let obj of deviceIDList" [value]="obj">{{obj}}</nb-option>
</nb-select>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...