如何将JSON对象的数组绑定到具有Angular 6的Angular Dual-Listbox

Question

当前什么都没有显示在源列表中，JSON的数组是

[{deviceId: 101 , deviceName:"UK101"},
{deviceId: 102 , deviceName:"UK102"},
{deviceId: 103 , deviceName:"UK103"}]

我目前正在打电话来获取此数据，我的HTML代码是

 <dual-list [key]="deviceId" [(display)]="deviceName" [source]="source" 
[(destination)]="target" height="150px"  ></dual-list> 

，但仍然没有显示列表中的数据

Answer 1

在您的TS文件

中

myList = [{deviceId: 101 , deviceName:"UK101"},
{deviceId: 102 , deviceName:"UK102"},
{deviceId: 103 , deviceName:"UK103"}];

在您的html

中

<div *ngFor="let item of  myList">
{{item.deviceId}}
</div>

Answer 2

我在浏览了开发人员的GitHub页面中的问题后找到了一个解决方案。解决方案是我只能使用[display]和[键]，而不是[（display）]和[（键）]，因为我在TS文件中没有定义这两个属性