使用NgFor在angular2中生成子组件不起作用

Question

我正在使用angular2 alpha 37.

我已经定义了一个<map>组件和一个<marker>组件(子组件<map>).该<map>组件有一个数组数据成员,其中包含标记坐标列表.该<map>视图应显示阵列中的所有标记

在定义<map>视图时,如下所示(显式列出所有数组成员的组件):

@View({
  template:`
    <marker [model]="markers[0]"></marker>
    <marker [model]="markers[1]"></marker>
  `,
  directives:[Marker]
})

<marker>只要相应的数组成员发生更改,组件就会更新.这是期望的行为.

定义<map>视图时如下(使用NgFor):

@View({
  template: '<marker *ng-for="#m of markers" [model]="m"></marker>',
  directives:[Marker,NgFor]
})

每当阵列成员改变时,都会创建一个新标记,这是不可取的.

针说我想用这个NgFor方法.

我不知道发生了什么事.我如何使用NgFor但避免<marker>在单个标记更新时创建新实例？

Answer 1

尝试这个

@View({
template:"<marker *ng-for="#m of markers" [model]="m">{{m}}</marker>",
 directives:[Marker,NgFor]
})