title: How to bind an array of json objects to angular-dual-listbox with Angular 6?
body: <p>Currently nothing this being displayed in source list,
  the array of json is</p>
  
  <pre><code>[{deviceId: 101 , deviceName:"UK101"},
  {deviceId: 102 , deviceName:"UK102"},
  {deviceId: 103 , deviceName:"UK103"}]
  </code></pre>
  
  <p>I am currently making a service call to fetch this data,
  My HTML code is</p>
  
  <pre><code> &lt;dual-list [key]="deviceId" [(display)]="deviceName" [source]="source" 
  [(destination)]="target" height="150px"  &gt;&lt;/dual-list&gt; 
  </code></pre>
  
  <p>But still no data is displayed in the lists</p>