Knockout.jsは動的なajaxコールからのビューを更新していません

Question

私はknockout.jsにajax呼び出しの後に私のビューを更新しようとしていますが運がありません。私は以下のエラーが発生し続ける。それはapp.interactive.updateBindingsのエラーです。 parseBindingAttribute viewModelパラメータは未定義です。

エラー：

Unable to parse binding attribute. Message:
ReferenceError: interactive is not defined;
Attribute value: 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); 

しかし、今、私はこのエラーを取得しています：

invalid 'in' operand jQuery.template

if (templateId in jQuery['template']) 

Answer 1

私はばかだと感じます。 jqueryのテンプレートスクリプトも参照していませんでした。

Answer 2

それは少し混乱に見えます。あなたは、app.viewModel.interactiveは、次にはapp.interactiveです。私は何かが不足している可能性がありますが、より単純に名前空間のビューモデルにバインディングを適用してそこから作業しようとしますか？