angular ui bootstrap datepicker cause" infdig"

时间:2015-06-23 21:38:03

标签: angularjs datepicker angular-ui anguarjs-digest-cycle

我尝试在我的应用程序中应用角度ui中的日期选择器但由于某种原因导致以下错误:

  

错误:[$ rootScope:infdig] 10 $ digest()迭代达成。中止!   观察者在最近5次迭代中被解雇:[]   http://errors.angularjs.org/1.3.15/ $ rootScope / infdig P0 = 10安培; P1 =%5B%5D

我不明白为什么会触发此错误,因为。在上面的链接中,描述如下:

  

当应用程序的模型变得不稳定时会发生此错误   每个$摘要周期触发状态更改和后续$摘要   周期。 Angular检测到这种情况并防止无限循环   导致浏览器无响应。

我根本不知道这是如何适用于我的情况的。

如果我使用这样的常规输入字段:

<input type="text" class="form-control" id="my-date" name="myDate" data-ng-model="ctrl.myDate"
                                       data-ng-model-options="{updateOn: 'blur'}" data-ng-change="ctrl.changeDetected()" >

没有问题,日期显示得很好,但是这个:

<p class="input-group">
    <input type="text" class="form-control" datetime-picker="'yyyy-MM-dd'" data-ng-model="ctrl.myDate" data-is-open="ctrl.isOpen" data-enable-time="false" data-show-button-bar="false" data-timepicker-options="ctrl.dateOptions" />
    <span class="input-group-btn">
        <button type="button" class="btn btn-default" data-ng-click="ctrl.openCalendar($event, date)"><i class="fa fa-calendar"></i></button>
    </span>
</p>

会导致错误。能比我更聪明的人能给我一个指针,指出我错过了什么。我只是从后端加载日期并尝试将其显示为日期选择器中的当前日期。

/问候克里斯

1 个答案:

答案 0 :(得分:0)

对不起,显然我是个笨蛋。 datepicker和上面的代码没有任何问题。我错过了周围的div正在使用绑定到输入字段的名称attribut的验证指令,我忘了将此名称attribut添加到相应的datepicker输入字段。