Angular 带动态值的Priming下拉选择选项
如何使用动态值设置启动Angular 带动态值的Priming下拉选择选项,angular,angular2-template,primeng,Angular,Angular2 Template,Primeng,如何使用动态值设置启动p-下拉列表selected选项 我使用的是Formgroup,Formcontrol和我的下拉列表都是通过数据库中的数据查询来设置的。现在,在我的一个编辑组件页面中,我希望选择具有动态值的选项 从数据库接收到值后,使用SelectItems数组设置下拉列表的选项 使用SelectItem的值设置与下拉列表关联的formControl值 获取值的动态列表并将其推到下拉列表中。下面是一个例子 data.dtOrgList包含来自服务层的值列表 html ---
p-下拉列表
selected选项
我使用的是Formgroup,Formcontrol和我的下拉列表都是通过数据库中的数据查询来设置的。现在,在我的一个编辑组件页面中,我希望选择具有动态值的选项
获取值的动态列表并将其推到下拉列表中。下面是一个例子 data.dtOrgList包含来自服务层的值列表
html
------------------
<p-dropdown [options]="orgs" [(ngModel)]="selectedOrg"></p-dropdown>
component.ts
-------------------
orgs:SelectItem[];
selectedOrg : string;
dtOrgList: Array<any>;
this.itemDetailsService.getItemDetails(input).subscribe(
data => {
this.dtOrgList = data.dtOrgList;
this.orgs = [];
this.orgs.push({label: 'Select', value: null});
for(var i = 0; i < this.dtOrgList.length; i++) {
this.orgs.push({label: this.dtOrgList[i], value: this.dtOrgList[i]});
}
})
html
------------------
组件技术
-------------------
组织:选择项目[];
selectedOrg:string;
dtOrgList:数组;
this.itemDetailsService.getItemDetails(输入).subscribe(
数据=>{
this.dtOrgList=data.dtOrgList;
this.orgs=[];
this.orgs.push({label:'Select',value:null});
for(var i=0;i
你能分享你的代码吗?看看。你救了我的命!:D