Angular2 - リストボックスで値が変更された後、ソート/デュアルバインディングが発生しない

Question

リストボックスでバインドしているjsonオブジェクトがあります。 UIにはmoveUp/movedown機能があり、ユーザはリストボックス内の項目の位置を並べ替えることができます。順序プロパティに基づいてアイテムをソートし、リストボックスにバインドするカスタムソート機能を記述しました。

MoveUp機能では、リストボックスアイテムの順序位置を変更した後でも、アイテムの位置が再配置されないソートは行われません。 ここには何が欠けていますか？

Angular2は、テンプレートにコードから2つの結合方法をサポートしていませんplunker

MoveUp() 
    { 
     var selectedOrdinal = this.selectedValues.ordinal; 
     var targetOrdinal = (selectedOrdinal != 1) ? selectedOrdinal - 1 : 1; 
     var temp = this.StoryPagesList; 
     temp[targetOrdinal].ordinal = selectedOrdinal; 
     temp[selectedOrdinal].ordinal = targetOrdinal; 

     this.StoryPagesList = temp; 
    } 

Answer 1

でコードを見つけてください。 ChangeDetectorRefを使用して変更検出を明示的にトリガする必要があります。それが好きで使用してください：

constructor(private ref: ChangeDetectorRef) {} 

次にあなたが変更された値のためのテンプレートを更新したいとき：

this.ref.detectChanges();