DevExteme Cancelボタンはコンポーネントから離れて移動しています。

Question

DevExtremeライブラリを使用して、私は非常に奇妙な問題を抱えています。私はセル編集可能なDataGridを構築し、その上に検証を実装しました。特定のフィールドでエラーが発生すると、赤い元に戻すボタンが表示されます。ユーザーが特にルーティングを使用して別のページに移動すると、同じ[戻る]ボタンが消えません。ただし、動的に生成される別のコンポーネントに移動すると、DevExtremeのDataGridインスタンスによって公開されるcancelEditData（）関数を使用して削除できます。問題を説明するplunkerは、以下の手順で問題を再現してください。今

あなたに赤い元に戻す]ボタンを与える外

• クリアまでの最初の行の列名フィールドの値をクリックして、トップlavel「マイ・コンポーネント」メニュー項目をクリックすると、あなたは見るでしょうボタンがその画面にとどまることを確認してください
• しかし、子2サイドバーのメニューリンクをクリックすると、子1と子2の両方がルーティング経由ではなく動的に生成されるので、子2サイドバーメニューリンクが消えます。

ご協力いただければ幸いです。私はすでにDevExtremeのサポートに連絡しており、Angular 2フレームワークの問題だと言っていますが、なぜそれが私を打ち負かすのですか？

関心のコードは、私がparent.tsを見て、しかし、コンソールエラーメッセージ

のトンを取得し、Plunkerを実行することができませんでしたSRC/parent.tsに

onItemClick(event) { 
    // this works as this is invoked before I create the new component 
    if (this.currentComponentHolder.instance.gridInstance) 
     this.currentComponentHolder.instance.gridInstance.cancelEditData(); 

    let item = event.itemData; 
    this.setContent(item.component); 
} 

// this is the piece which is not working. Also, noteworthy is the fact that the above working code also does not work when i put it in the ngOnDestroy of Child1 component. 
ngOnDestroy() { 
    if (this.currentComponentHolder.instance.gridInstance) 
     this.currentComponentHolder.instance.gridInstance.cancelEditData(); 
} 

Answer 1

です、私はあなたがここにはimplement OnDestroyを持っていないことを参照してください。

export class Parent implements OnInit 

あなたはまた、OnDestroyインポートする必要があります。それを試してみてください！