Question

我的角度输入字段工作正常，直到我有一个日期时间编辑器。

<input class="myItem" defaultdate="2017-05-10T06:50" displayformat="dd-mm-jjjj uu:mm" pageupdownweek="true" updownnavigateminutes="15" isodate="2017-02-28T06:50" ng-if="rule.dataType == 'datetime-local'" ng-model="rule.data" /> {{rule.data}}

此代码工作正常。它显示一个带有日期的输入字段，旁边是输入字段中的值。

但是因为我想将它用作日期时间编辑器，所以我执行$（“。myItem”）。dateInput（）;在此之后我的输入字段工作正常，它的工作原理就像它设计为日期时间编辑器一样。但{{rule.data}}将不再更新。我有什么想法可以解决这个问题吗？

https://jsfiddle.net/qn37dg7c/

解决方案： http://jsfiddle.net/w6afdw1L/

Answer 1

使用$scope.$apply()时，它会耗尽角度范围，你必须运行$(".myItem").dateInput(...); $scope.$apply();让角度重新渲染页面。

angular.module("app", [])
  .controller("myCtrl", function($scope, $timeout) {
    $scope.change = function() {
      console.log('change event fired');
      $timeout(function() {
        $(".myItem").dateInput();
        $scope.$apply();
      })
    }
  })

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="app" ng-controller="myCtrl">
  <input class="myItem" defaultdate="2017-05-10T06:50" displayformat="dd-mm-jjjj uu:mm" pageupdownweek="true" updownnavigateminutes="15" isodate="2017-02-28T06:50" ng-model="rule.data" ng-change="change()" /> {{rule.data}}
</div>

＆＃13;

{{1}}

＆＃13;

调用$（“。myItem”）后，angularjs输入字段未更新.dateInput（）

1 个答案: