javascript - 时间选择器不更新ng-model

我在某些输入上使用时间选择器，时间选择器未更新ng-model，我做了一个plunker

基本上在控制器中：

$('.TimePickers').timepicker();

在html中：

<div class="input-group bootstrap-timepicker">
  <input  ng-model="MonOpen" id="" type="text" class="input-small TimePickers">
  <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
</div>
Model which in not updating: {{MonOpen}}

最佳答案

时间选择器将ng-model与您的元素断开连接，因此不会跟踪更改。

对于hacky解决方案，您只需在时间选择器处理完该元素后，再次对该元素进行$ compile即可。

将$scope和$compile注入控制器并调用

$compile($('.TimePickers'))($scope)

在元素上调用.timepicker之后。

  app.controller('TimeController', function($compile, $scope){

            $('.TimePickers').timepicker();
            $compile($('.TimePickers'))($scope)
  });

或查看http://angular-ui.github.io/bootstrap/#/timepicker以更好地支持angular内的引导程序组件。

关于javascript - 时间选择器不更新ng-model，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29820182/