NG2-dragulaとダイナミックなフォルム同期なしで直接

Question

私は、ユーザによって動的にフォームを生成した：生成されたJSONは私がNG2-dragulaディレクティブを追加した

{ 
    "message": [ 
    { 
     "type": 1, 
     "value": "first message", 
    }, 
    { 
     "type": 1, 
     "value": "second message", 
    } 
    ] 
} 

のようなものである

// this._fb is a FormBuilder 
    ngOnInit():void { 
    this.myForm = this._fb.group({ 
     message: this._fb.array([ 
     ]) 
    }); 

メッセージの順序を変更するには

ドラッグ機能はうまく機能していますが、私がd私のフォームのjsonをisplaying、それはまだ私はフィールドの内容を変更し始める場合を除いて、古い順序です。その場合、フォームが更新されます。

Answer 1

私は解決策を見つけました。それは最高のものではないと思いましたが、私は全く新しい角度になりましたが、少なくとも機能しています。

私は、フォームからイベントを発行する方法を見つける必要があることを理解しています。

_dragulaService.dropModel.subscribe((value:any) => { 
     console.log(value); 
     this.onDropModel(value.slice(1)); 
    }); 
    } 

    private onDropModel(args:any):void { 
    for (let i = 0; i < (<FormArray>this.myForm.get('message')).length; ++i) { 
     (<FormArray>this.myForm.get('message')).at(i).patchValue("order", i); 
    } 
    }