Angular 将动态值读入ng select
您好,对于我的应用程序,我正在尝试为不同的组件创建一个具有不同下拉菜单的动态菜单。例如,当我初始化一个组件时,我从一个api请求一个对象Angular 将动态值读入ng select,angular,angular-ngselect,Angular,Angular Ngselect,您好,对于我的应用程序,我正在尝试为不同的组件创建一个具有不同下拉菜单的动态菜单。例如,当我初始化一个组件时,我从一个api请求一个对象 column: 3 corresponding_column: "sku__brand" field_name: "Brands" id: 9 list_name: "list1" param: "brand" parent: "" report_type: &
column: 3
corresponding_column: "sku__brand"
field_name: "Brands"
id: 9
list_name: "list1"
param: "brand"
parent: ""
report_type: "all_orders"
request_type: "GET"
row: 2
selected_items_name: "selectedItems5"
settings_name: "dropdownSettings1"
show: 1
show_value: "Brands"
type: "Dropdown"
然后我尝试将我的对象读入ng select字段
<div *ngFor="let x of row2">
<div *ngIf="x.type=='Dropdown' && x.field_name!='dropdown'">
<ng-select *ngIf='Advanced==true' formControlName="search_type_value" class="second-row-box"
placeholder=x.field_name [items]=x.list_name bindLabel="itemName" bindValue="id"
[(ngModel)]=x.selected_item_name [multiple]="true" [selectableGroup]="true"
[closeOnSelect]="false" [maxSelectedItems]="1" (click)='send_request_1("ASIN")'>
<ng-template ng-header-tmp>
<button (click)="selectAll(list1)">Select all</button>
<button (click)="unselectAll()">Unselect all</button>
</ng-template>
<ng-template ng-footer-tmp>
Selected count: {{selected.length}}
</ng-template>
</ng-select>
</div>
</div>
全选
取消选择全部
所选计数:{{Selected.length}
我得到的是
我想要的是x.field\u name是Brands将
占位符
更改为[占位符]
-这将其标记为angular以解释为输入,ng select
组件获取传递的值(而不是简单的字符串)
您可以通过转到来判断它是该组件的真实输入谢谢,现在我正试图使[items]=x.list\u name指向我组件中的一个变量。你知道怎么做吗?你是什么意思?x.list\u name代表我的typescript文件中的一个变量的名称,我希望每个对象都指向该变量。因此,第2行的所有字段的项目都是相同的?如果是-我假设row2是组件中的一个变量,因此您可以简单地引用模板中的变量(字段)名称创建一个包含所有列表的对象,例如,
lists={'list1':[…],'list2':[…]}
在组件上,在模板中创建一个函数getItems(listName),然后在组件上创建类似的内容:function getItems(listName){return lists[listName];}