Angular2 页面已更新，但在 IE 中没有

Question

我使用 Angular2 应用程序从服务中获取聊天消息。给定一个 Pusher 通知，应用程序从服务中重新获取所有消息。这适用于所有浏览器，除了 IE。推送通知工作正常，并且应用程序记录所有消息在 IE 中也正确获取，但似乎浏览器不会重新呈现更新的内容。 （即 11）。关于为什么没有发生这种情况的任何建议？

组件摘录：

    ngOnInit(){
        this.getMessages();
        this.pusher = new Pusher('PUSHER_KEY');
        this.channel = this.pusher.subscribe('test_channel');
        this.channel.bind('my_event', (data) =>{
                        this.getMessages();
            });
        console.log('In OnInit');
    }

    sendMessage(message:string): void{
        this._service.postMessage(this.id, message);
        console.log('Send Message called');
    }

    getMessages():void{
        this._service.getMessages(this.id)
            .subscribe(
                messages => this.messages = messages,
                error => this.errorMessage = <any>error);
    }

模板：

<div class="panel-body">
        <div class="row">
            <div class="col-md-2">Add Message: </div>
            <div class="col-md-2"><input type="text" [(ngModel)]='newMessage'  /> <button class="btn btn-primary" (click)='sendMessage(newMessage)'>Send</button></div>
        </div>
        <div class="table-responsive">
            <table class="table" *ngIf='messages && messages.length'>
                <thead>
                    <tr>
                        <th>Messages</th>
                    </tr>
                </thead>
                <tbody>
                    <tr *ngFor='#message of messages'>
                        <td>{{message}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
</div>

Answer 1

不确定这是否有帮助，但恕我直言，值得一试

constructor(private zone:NgZone) {}

ngOnInit(){
    this.getMessages();
    this.pusher = new Pusher('PUSHER_KEY');
    this.channel = this.pusher.subscribe('test_channel');
    this.channel.bind('my_event', (data) =>{
        this.zone.run(() => this.getMessages());
    });
    console.log('In OnInit');
}