Nockout.js не обновляя представление из динамического вызова Ajax
-
26-10-2019 - |
Вопрос
Я пытаюсь получить nockout.js, чтобы обновить свое представление после вызова Ajax, но не удалось. Я продолжаю получать ошибку ниже. Это ошибки в app.interactive.updateBindings
. Анкет Параметр parsebindingattribute viewModel не определен.
Ошибка:
Невозможно проанализировать атрибут привязки. Сообщение:
Ссылкаерр:interactive
не определено;
Значение атрибута:template: { name: 'answerTmpl', foreach: interactive.answers }
Динамический HTML:
<div id="questions">
<div id="answers" data-bind="template: { name: 'answerTmpl', foreach: interactive.answers }">
</div>
</div>
<script type="text/javascript">
app.viewModel.interactive.answers(@Html.Raw(@Model.Answers.ToJson()));
app.interactive.updateBindings(document.getElementById('answers'));
</script>
<script id="answerTmpl" type="text/html">
<div>
<span></span> <input type="checkbox" name="Answer" />
</div>
</script>
Мой файл .js:
(function (app, $, undefined) {
app.viewModel = {};
app.interactive = {};
app.interactive.callback = function () { };
app.viewModel.interactive = {
content: ko.observable('test'),
answers: ko.observableArray()
};
app.interactive.init = function () {
ko.applyBindings(app.viewModel);
};
app.interactive.updateBindings = function (element) {
ko.applyBindingsToNode(element);
};
app.interactive.init();
})(window.app = window.app || {}, jQuery);
Я могу починить с приведенным ниже кодом:
ko.applyBindingsToNode(element, null, app.viewModel);
Но теперь я получаю эту ошибку:
недействительный 'в «операндом jquery.template
if (templateId in jQuery['template'])
Решение
Я чувствую себя идиотом. Я даже не ссылался на сценарий шаблона jQuery.
Другие советы
Это выглядит немного запутанным. У вас есть app.viewmodel.interactive а потом App.Interactive. Анкет Я вполне мог что -то упустить, но вы попытаетесь применить BINDINGS для более простой просмотров ViewModel и работать оттуда?