如何在模板中绑定angular中模型对象中的单个元素

Question

有人能给我一个线索，如何从一个。model创建绑定一个变量值?

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

ngFor let list of lists
then i {{name.list}}

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

我该怎么做?

感谢

Answer 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>