angularjs ngIf

时间:2015-05-21 17:14:16

标签: javascript angularjs kendo-ui typeerror kendo-datetimepicker

我在标题上有一个简单的ng-click事件,当单击该事件时,将隐藏视图中的ng-repeat部分。再次单击标题时,ng-repeat部分将重新出现。我还在ng-repeat中的输入元素上有一个kendo-date-time-picker属性:

<h3 data-ng-click="hide=!hide">Unclaimed Orders</h3>

<div data-ng-if="!hide">
    <section data-ng-repeat="row in vm.vom">
        <input kendo-date-time-picker k-format="'MM/dd/yy h:mm tt'" data-ng-model="row.needed_date">
    </section>
</div>

每当我点击该标题时,会在控制台中记录一条TypeError消息,我不知道为什么会这样做:

kendo error

其他人遇到过这个问题并找到了解决问题的方法吗?

如果我使用ngShow而不是ngIf,则不会产生错误。为什么ngIf会出现错误?它不喜欢从DOM中删除然后再添加回来吗?

2 个答案:

答案 0 :(得分:1)

你包含什么样的kendo脚本?尝试包括kendo.all.min.js,如果可行的话,你忘记了一个脚本。

根据错误的外观,您可能忘记了kendo.data.min.js

答案 1 :(得分:0)

Geez,真是个笑话。我假设Kendo UI依赖于我正在使用的CMS(Concrete5)已经附带的jquery依赖。 Concrete的jquery.min.js文件可能是旧版本,所以我需要引用最新的版本。

在dateTimePicker演示页面中,我点击了“编辑此示例”按钮,它将我带到了他们的UI Dojo(类似于jsFiddle / codepen等),在那里我抓住了他们最新的jquery依赖:

<script src="http://cdn.kendostatic.com/2015.1.429/js/jquery.min.js"></script>

我把它放在我的标题中,然后问题解决了,TypeError消息再也没有出现了。