Angular2页面已更新，但在IE中未更新

Question

I play with an Angular2 app which fetches chat messages from a service. Given a Pusher-notification, the app re-fetches all messages from the service. This works well on all browsers, except IE. The push-notfication works ok, and the app logs that all messages are fetched correctly in IE also, but it seems that the browser does not re-render the updated content. (IE 11). Any suggestions to why this is not happening?

Component excerpt:

    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);
    }

template:

<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

Not sure if this helps but IMHO worth a try

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');
}