Ошибка TypeError с angularjs ngIf

Question

У меня есть простое событие ng-click для заголовка, которое при нажатии скрывает раздел ng-repeat из поля зрения. При повторном щелчке по заголовку снова появится раздел ng-repeat. У меня также есть атрибут kendo-date-time-picker для элемента ввода, который находится в ng-repeat:

<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 регистрируется в консоли, и я не уверен, почему это происходит так:

Кто-нибудь еще испытал эту проблему и нашел способ ее решить?

Если я использую ngShow вместо ngIf, ошибка не возникает. Почему же ошибка сохраняется с ngIf? Не нравится ли быть удаленным из DOM и затем добавленным обратно?

Answer 1

Какие сценарии ты включаешь в кендо? Попробуйте в том числе kendo.all.min.js и если это работает, то это возможно, вы забыли один скрипт.

Судя по ошибке, вы могли забыть kendo.data.min.js

Answer 2

Боже, какая шутка. Я предположил, что пользовательский интерфейс Kendo основывался на зависимости jquery, которая уже поставляется с CMS, в которой я работаю (Concrete5). Файл jquery.min.js компании Concrete, вероятно, является более старой версией, поэтому мне нужно было сослаться на самую последнюю версию.

На демонстрационной странице dateTimePicker я нажал кнопку "Редактировать этот пример", и он перенес меня в их пользовательский интерфейс (похожий на jsFiddle / codepen и т. Д.), Где я взял их последнюю зависимость от jquery:

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

Я положил его в заголовок и вуаля, проблема решена, сообщение TypeError никогда не появляется снова.