コンストラクタを呼び出すとトースターが表示されません

Question

ページが読み込まれたときに、トースターを使用しようとしています。 例：2ページの顧客追加と顧客リストがあります。私の要件は、新規顧客を追加するときに顧客リストページのトースターを表示することです。ここで

は私のコードです：顧客リストページでバックsaveCustomerコールのコード

this.$state.go('app.Customers', { Msg: d.Message }); 

コード： HTML：

<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container> 

JS：

static $inject=['toaster'] 
    constructor(private toaster: any){ 
    if (this.$stateParams.Msg !== null) 
       this.msgToClient = this.$stateParams.Msg; 
this.toaster.pop('success', 'Success', this.msgToClient); 
} 

私はないです顧客リストページでこのメッセージが表示されます。 しかし、私は（クリック）のようなイベントでトースターメッセージを見ることができます。私は多くの方法を試みたが運がなかった。

Answer 1

私は既にこの問題に遭遇しています。私はそれはエレガントではありません知っているが、私はそれをこのように解決：

setTimeout(function(){ 
    toaster.pop('success', 'Success', 'Page Load'); 
    $scope.$apply(); 
}, 100); 

https://plnkr.co/edit/8P8E7NPeYa0wP2fGXleF?p=preview