小编Joh*_*ijk的帖子

Angular 5绑定到数组中的特定项目

我有一个以Angular模板驱动形式的国家/地区

"countries" : [  
   {  
      "id":1,
      "code":"NL"
   },
   {  
      "id":2,
      "code":"US"
   }
]
Run Code Online (Sandbox Code Playgroud)

我在模型中有一个选定的ID:2

我想将值“ US”绑定到div中。像这样:

<div>{{countries[id==model.countryId].code}}</div>
Run Code Online (Sandbox Code Playgroud)

角度5可能吗?我在网上看到数组的过滤器管道不再存在于角度中。

我让它像这样工作,但这不是很好,我会说:

<ng-container *ngFor="let country of countries">
   <div *ngIf="country.id==parentModel.countryId">{{country.code}}</div>
</ng-container>
Run Code Online (Sandbox Code Playgroud)

arrays model-binding angular2-template angular

2
推荐指数
1
解决办法
1261
查看次数