Angular 4 模板错误 : 'anonymous' does not contain such a member

Question

Angular 4写在 Typescript 2.3.4

component.ts

/**
 * Info that drives the tabs in the template. Array is filled
 * in ngOnInit() once data is received from the server
 */
public tabs:Array<{
  title:string,
  description:string,
  data:Array<{name:string}>
}>=[];

component.html

<section *ngFor="let t of tabs">
  ...
  <div *ngFor="let i of t.data">{{i.name}}</div>
                                  ^^^^^^
</section>

编译错误

Angular: Identifier 'name' is not defined. <anonymous> does not contain such a member

起初我以为这与my other issue有关但这是不同的，因为 tabs 的形状没有歧义。模型:该组件清楚地表明 name是 data 的每个成员的属性数组，本身是 tabs 的每个成员的属性数组。

这是怎么回事？

Answer 1

尝试在绑定(bind)中添加安全导航运算符 (?)，这允许您在路径最初可能有效或可能无效的情况下导航对象路径。

  <div *ngFor="let i of t.data">{{i?.name}}</div>