1

モデルの値にバインドされた入力があります。 

     <input type="text" class="form-control" [(ngModel)]="currentDate">

この入力にデータを入力するために使用する日付ピッカーがあります。datepicker を介して値が選択された場合、入力はモデルを更新していないように見えます。これは、コード内でさらにパイプを起動していないためです。

ただし、入力フィールドに手動で入力すると、パイプが起動して新しい値に基づいてフィルタリングされるため、ngModel が更新されているように見えます。「変更時」ハンドラーを入力にバインドしました。これは、入力時または日付ピッカーの使用時に起動します。 

    $('#datepicker').datepicker().on('changeDate', function(e){
        //Fires on change
    })

ngModel 変更イベントを手動でトリガーする方法はありますか、または他の誰かが認識しているより洗練されたソリューションがありますか?

4

3 に答える 3

0

datepicker 独自のイベントを使用して、モデル値を手動で更新することができました。

AttachDateChangeHandler(): void {
    $('#datepicker').datepicker().on('changeDate', (e)=> {
        this.currentDate = e.date.***()
    })
}

提案してくれた Madhu Ranjan に感謝します。

于 2016-08-23T14:42:40.210 に答える