那么Angular 2 +中的'嵌套'组件怎么样?

时间:2018-03-14 00:20:31

标签: javascript angular typescript

在Angular 2+版本中,我该如何解决这样的问题?

我有一些数据,我从服务器获得的数据。我遍历数据数组,我想显示每个对象。所以(例如)如果我有一个注册用户列表,并且我想显示一个用户列表,那么正确的解决方案是什么?

1,我需要另一个Angular组件用于列表元素(包含用户信息和相关函数) 2,或者我只是使用一个简单的循环,并将数据解析为模板?

1 个答案:

答案 0 :(得分:3)

这完全取决于你。为简单起见,我会选择选项2.

// some.component.ts
export class SomeComponent implements OnInit {

  users = {};

  constructor(private data: DataService) { }

  ngOnInit() {
    this.users = this.data.getUserInformation();
  }

}

-

// some.component.html
<div *ngFor="let user of users">
  <p>user.name</p>
  ...
</div>