Javascript 使用唯一键进行迭代

HTML

---

我只想显示employeeID为345的员工姓名。我怎样才能做到这一点？我需要使用管道吗？

一个选项是构建一个筛选函数来筛选您想要的员工。那么您就不需要使用

*ngFor

---

我在这里有一篇关于筛选的博文：

一个选项是构建一个筛选函数来筛选您想要的员工。那么您就不需要使用

*ngFor

---

我在这里有一篇关于过滤的博文：

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

   [{employeeID: "123",
    name : "abc",
    gender: "F"},

  {employeeID: "345",
   name : "def",
   gender: "F"}
   ]

用户=[
{雇员ID:“123”，
名称：“abc”，
性别：“F”}，
{雇员ID:“345”，
名称：“def”，
性别：“F”}
]
selectedUser=users.find（（user）=>user.employeeID==“345”）；
{{selectedUser.name}
；

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

   [{employeeID: "123",
    name : "abc",
    gender: "F"},

  {employeeID: "345",
   name : "def",
   gender: "F"}
   ]

用户=[
{雇员ID:“123”，
名称：“abc”，
性别：“F”}，
{雇员ID:“345”，
名称：“def”，
性别：“F”}
]
selectedUser=users.find（（user）=>user.employeeID==“345”）；
{{selectedUser.name}
；

您可以执行

ngIf=“data.employeeID==345

不在模板中执行业务逻辑。组件应该找到需要显示的项，并且模板会显示该项。不要使用

*ngFor

仅在数组中显示一个项目。基本上，我有一个员工姓名下拉列表，当我选择一名员工时，我需要显示该员工的特定数据。“员工姓名”下拉列表保存employeeID值。您可以执行

ngIf=“data.employeeID==345

不在模板中执行业务逻辑。组件应该找到需要显示的项，并且模板会显示该项。不要使用

*ngFor

仅在数组中显示一个项目。基本上，我有一个员工姓名下拉列表，当我选择一名员工时，我需要显示该员工的特定数据。“员工姓名”下拉列表保存employeeID值。

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

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

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