ngFor使用唯一键进行迭代

时间:2018-07-26 20:22:18

标签: javascript html angular typescript angular5

HTML

lodash _.memoize

JSON数据

   <li*ngFor="let data of employeeData"> {{data.name}} </li>;

我只想显示employeeID为345的员工姓名。我该如何实现?我需要使用管道吗?

2 个答案:

答案 0 :(得分:2)

如果需要显示选定的用户数据,实际上不需要ngFor,则可以执行以下操作:

users = [
    {employeeID: "123",
    name : "abc",
    gender: "F"},
    {employeeID: "345",
    name : "def",
    gender: "F"}
]

selectedUser = users.find((user) => user.employeeID == "345");

<li> {{selectedUser.name}} </li>;

答案 1 :(得分:0)

一个选择是构建过滤器功能以过滤到所需的员工。那么您实际上就不需要docker-compose build docker-compose run --rm app ruby app.rb

我这里有一篇有关过滤的博客文章:https://blogs.msmvps.com/deborahk/filtering-in-angular/