请帮我解决这个问题。我从过去 3 周开始就一直在这个问题上。我有 1 个 html 文件,其父 div id 通过创建 1 个 javascript 对象绑定到可观察的淘汰赛。在 html 的父 div id 中,还有另一个子 div id,我需要将其与第二个 javascript 对象绑定并填充 foreach 块。但我无法实现这种情况。如果有人帮助我解决这个问题,我会非常高兴这种情况。
I have mentioned here some dummy example of my scenario.Please ignore minor errors of naming convention and trailing quotes as its just a dummy code.
文件
(div id "main" 绑定到 MainModel.js 。在 MainModel.js 的对象上,调用 showCateogaries() 方法并从此方法调用 getCategories1() 来填充类别的值。但实际上这并没有被填充并且错误即将出现“无法解析绑定”)
<div id="main" data-bind="visible: showMain">
<div id="subMain" >
<p data-bind="text: name"></p>
<ul id="tabArea" data-bind="foreach : categories">
<li data-bind="text: $data.categoryname ></li>
</ul>
</div>
</div>
演示.js
var main1=new MainModel(); //Main View Model
ko.applyBindings(main1,$('#main')[0]);
main1.showCateogaries();
MainModel.js
function(ko,subMainModel){
var mainModel =function(){
this.showCategories = function(){
subMainModel.getCategories1();
}
}
}
subMainModel.js
function(ko){
this.categories = ko.observableArray([]);
this.getCategories1 = function(){
// some code goes here
this.categories(categoryArray.reverse());
};
}