如何使用Angular 6将json对象数组绑定到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文件中

niceblues <- brewer.pal(5, "Blues")
blues <- colorRamp(niceblues)
plot(0:10, 0:10, pch=21, bg=blues((0:10)/10))

在您的HTML中

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

Answer 2

在解决了开发人员的github页面中的问题后，我找到了解决方案。 解决的办法是我应该只使用[display]和[key]而不是[[display]]和[[key）]，因为我没有在ts文件中定义这两个属性