如何在angular 5中动态选择下拉列表？
如何在angular 5中动态选择下拉列表？
提问于 2018-08-07 08:19:29
我正在尝试为angular 5实现一个选择选项，动态选择框取决于哪个后端组件发送选择。
请注意，这两个selectBox是相同的框，只是选项中的值发生了变化。
selector.html
<html>
...
<select>
<option *ngFor="let selectorA in selectorAs">{{selectorAs}}</option>
</select>
...selector.ts
import{component} from '@angular/core'
@component({
selector: 'app-root'
templateUrl: './selector.html'
styleUrl: './selector.css'
})
export class AppComponent{
title = 'app';
selectorAs = ["option 1", "option 2", "option 3"];
selectorBs = ["option A", "option B", "option C"];所以我的问题是，如何使select选项动态化，以根据传入的标志选择selectorB而不是selectorAs？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-07 08:37:10
您可以定义一个指向当前选项列表的变量：
export class AppComponent{
choicesA = ["option 1", "option 2", "option 3"];
choicesB = ["option A", "option B", "option C"];
currentChoiceList: string[];
processBackendData() {
this.currentChoiceList = condition ? this.choicesA : this.choicesB;
}
}并在模板中使用它：
<select>
<option *ngFor="let choice of currentChoiceList">{{choice}}</option>
</select>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51717193
复制相关文章
相似问题
腾讯云开发者
