オブジェクトの配列 (結果) を返す AJAX リクエストがあります。成功のコールバック関数では、次を使用してバインディングが適用されます。
success: function(data) {
ko.applyBindings(new ResultsViewModel(data), target);
}
target
ターゲット DOM 要素はどこにあり、次のResultsViewModel
ように作成されます。
function ResultsViewModel(model) {
var self = this;
self.text = ko.observable(model.text);
self.id = model.id;
self.Descriptions = ko.observableArray(model.descriptions);
}
私の HTML では、データは以下を使用して要素にバインドされています。
<div data-bind="template: {name: 'results-template', foreach: $data}">
次に、ビュー モデルの個々のプロパティをバインドするテンプレート クラス。
私の質問は、監視可能なプロパティと静的プロパティが混在するビューモデルを使用して、AJAX 呼び出し (複数の結果オブジェクト) によって返されるデータの配列を DOM にバインドするにはどうすればよいですか?
私が使用している foreach ループは、テンプレートを作成し、返された配列内の各オブジェクトを個別の div にバインドする必要がありますが、返された配列内のルート オブジェクトをバインドしようとしているかのように見えますが、これは null (名前のない配列) です。