格式化ngui-auto-complete JSON对象

Question

我几个月后才学习Ionic。我有一个硬编码对象列表：

    public Heroes = [{
    id : ‘1’,
    name : ‘John Smith’
    },{
    id : ‘2’,
    name : ‘Peter Parker’
    },
    {
    id : ‘3’,
    name : ‘Bruce Wayne’
    }
   ];

我正在使用autocompleteListFormatter：

   autocompleteListFormatter = (data: any): SafeHtml =>{
     let html = <span>${data.id}</span>;
     return this._sanitizer.bypassSecurityTrustHtml(html);
    }

并且，我的HTML文件如下所示：

    <ion-content padding>
       <input ngui-auto-complete
       [(ngModel)]="model1"
       [source]="Heroes"
       [open-on-focus]="false"
       display-property-name = "id"
       [list-formatter] = "autocompleteListFormatter"
       placeholder="enter text"/>
          {{ model1 | json }}
   </ion-content>

当我运行它时，我得到了所需的输出。

{ “id”: “1”, “name”: “John Smith”}

但是，我希望删除这些大括号，并在没有Id和Name字段的情况下以HTML格式获取这些数据，例如：

1
约翰史密斯

这一定比我想象的要简单，但我已经找了2天了，找不到办法了。如果有人知道，请指导我。