使用Angular 2 / Ionic 2过滤JSON内容

时间:2016-11-23 04:09:26

标签: angular ionic2

我有一个从服务器获取的JSON响应。我想在selectbox中仅显示“ virtualAddr ”键值。任何人都可以建议我如何使用Angular 2 / Ionic 2过滤物品?

this.beniObj = [
        {      
          "nickName": "Pavans",
          "type": "IFSC",
          "accountNo": "002010172035" 
        },
        {         
          "nickName": "Pavand",
          "type": "VPA",
          "virtualAddr": "Maneesha@ndicate"
        }
      ]

模板代码

我尝试了以下方式,但我得到了第一项的空白值。

 <ion-select [formControl]="beneficiaryvid">
                <ion-option *ngFor="let vaddrlist of beniObj" [value]="vaddrlist.virtualAddr">{{vaddrlist.virtualAddr}}</ion-option>
              </ion-select>

1 个答案:

答案 0 :(得分:0)

我通过使用过滤器获得了解决方案。

 public filteredItems(fitems, type){
        return fitems.filter(page => {
          return page.hasOwnProperty(type);
        });
      }

 this.filteredItems(data.content, "virtualAddr");