Angular 2在更新* ngFor时更新@ViewChildren

Question

我添加了一个新的小部件并更改了它的名称，但在@ViewChildren ngWidgets中，名称未被更改。如何在视图中反映出这种变化。

@Component({
selector:'grid',
template :<widget *ngFor="let widget of widgets" ></widget>
});
export class grid{

@ViewChildren(NgWidget) ngWidgets : QueryList<NgWidget>;
public widgets:Array<NgWidget>=[];

ngAfterViewInit(){
var newWidget = new NgWidget();
newWidget.name = 'lun';
this.widgets.push(newWidget);
}
}

@Component({
selector:'widget',
template:'div [innerHTML]="name"></div>
})
export class ngWidget{
public name='';
}

ngWidgets中的小部件没有名称，因此它不会显示在我的小部件模板中。