ng-modelがjqueryプラグインで動作していません

Question

平均スタックでアプリケーションを作成していて、時間を選択するためにjqueryプラグインを使用しています（TimePicki）。テキストボックスにテキストを入力しているときに入力として受け取りますが、プラグインを使用して時間を選択すると、ng-modelはそのテキストボックスでは動作せず、未定義に戻ります。以下はコードです。

エクスプレスAPI

router.post('/tariff', function(req, res) { 
var tariff = new Tariff(); 
tariff.CabType = req.body.CabType, 
    tariff.NormalRate = req.body.NormalRate, 
    tariff.PeakRate = req.body.PeakRate, 
    tariff.StartPeakHour = req.body.StartPeakHour, 
    tariff.EndPeakHour = req.body.EndPeakHour, 
    tariff.Status = req.body.Status 
tariff.save(function(err) { 
    if (err) { 
     console.log('Error in Saving user: ' + err); 
     throw err; 
    } else { 
     console.log('Tariff Saved'); 
    } 
}); 

}）。

HTMLコード

<input id="starttimepicker" class="form-control" ng-model="Tariff.StartPeakHour" placeholder="Starting Peak Hour" /> 
 
<input id="endtimepicker" class="form-control" ng-model="Tariff.EndPeakHour" placeholder="Ending Peak Hour" />

コントローラコード

$('#starttimepicker').timepicki(); 
 
$('#endtimepicker').timepicki();

Answer 1

おそらく、VAを渡すためにディレクティブを使用する必要がありますjqueryから角度へのlue。

jQuery ui datepicker with Angularjs