Angular JS如何触发更新ngModel更改

时间:2015-11-29 14:13:08

标签: jquery angularjs

我有两个类型日期字段用于日期,并且这些代码监视它们的值: HTML:

<input type="text" class="form-control" name="end" id="end" ng-model="orderlist.end" />

JS使用Controller As:

$rootScope.$watch(
function(){ return self.start},
function(){ self.orders.get()}
)
$rootScope.$watch(
function(){ return self.end},
function(){ self.orders.get(),true}
)

到目前为止一切正常,然后我实现了一个用JQuery Datepicker code is here

制作的日期选择器

更新:当我选择日期时,不会反映更改 函数self.orders.get()不会被调用。 我听说它与Angular之外的代码有关,所以angular不知道这个变化。 这样做的正确方法是什么?谢谢。

1 个答案:

答案 0 :(得分:1)

我认为您不需要使用观察者,因为观察者很贵。你可以使用ng-change指令,每当值改变时,调用self.order.get(),

<input type="text" class="form-control" name="end" id="end" ng-change="getOrder()" ng-model="orderlist.end"  />

在控制器中

$scope.getOrder = function (){
     self.orders.get(); // or whatever is your logic.
}