如何在模板中以角度绑定模型对象中的单个元素答案

【问题标题】：How to bind a single element from a model object in angular in a template如何在模板中以角度绑定模型对象中的单个元素
【发布时间】：2021-07-28 19:12:04
【问题描述】：

谁能给我一个线索，如何从创建的 .model 中绑定变量值？

我在 div 中使用了 ng for，然后我可以使用 .model.ts 插入值：

ngFor let list of lists

then i {{name.list}}

但在其他 div 中，我只能显示 .model.ts 的动态名称，例如 name.list。

我该怎么做？

谢谢

【问题讨论】：

请尝试添加一段您的 HTML 和 TS 编码以及更清晰的解释。
你在Angular documentation中有一个例子
嗨@adrisons。想象一个人登录网站，然后用他的名字 id，我想在模板中设置他的名字，比如“Hello ID”。如果其他人登录，名称将根据他的 id 值更改。我只是想找出一个更好的方法来做到这一点。
感谢您的回复

标签： json angular

【解决方案1】：

如果您的组件中有一些数据，例如：

  usersList = [
    { name: "Michael", id: 1 },
    { name: "Linda", id: 2 }
  ];

在您的模板 html 中，您应该执行以下操作：

<h2>List of users</h2>
<ul *ngIf="userList.length">
  <li *ngFor="let user of userList">
    Hello {{user.name}} (id: {{user.id}})
  </li>
</ul>
<div *ngIf="!userList.length">No users</div>

【讨论】：

谢谢阿德里森。这正是我想要的。
不客气。那么你应该接受答案。