更新传递到子组件Angular2的数据

Question

我是Angular2-流星开发的新手。 在使用父子组件时，我偶然发现了一个问题。 在父组件中，我有一个流星正在订阅一个集合。

users: any;

constructor(private _zone:NgZone){


    var sub =  Meteor.subscribe("accounts/users");
    Tracker.autorun(function() {
        _zone.run(function() {
            if(sub.ready()){
                this.users = Meteor.users.find().fetch();
                console.log(this.users);
            }
        });
    });

}

用户集合共有90个用户。 最初加载应用程序时，仅找到当前用户，因此控制台日志显示一个用户。

我不确定Tracker.autorun（）和NgZone的放置位置是否正确，但是在加载应用程序一秒钟后，控制台日志会显示所有90个用户的数组。 我认为发生这种情况是因为订阅一开始还没有准备好。

我的子组件将获取的用户作为参数，例如<sd-table [data]="users"></sd-table> 。 加载应用程序后，在子组件的绘制模板上仅看到一个用户。 发生订阅并可以访问所有用户时，是否可以通过任何方式更新模板？

Answer 1

如果要引用当前类的this function() ，请不要使用function()

users: any;

constructor(private _zone:NgZone){
    var sub =  Meteor.subscribe("accounts/users");
    Tracker.autorun(() => {
        _zone.run(() => {
            if(sub.ready()){
                this.users = Meteor.users.find().fetch();
                console.log(this.users);
            }
        });
    });
}

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions