Knockout.js 敲除组件可以递归组合吗?

Knockout.js 敲除组件可以递归组合吗?,knockout.js,Knockout.js,敲除组件可以递归组合吗?我正在尝试构建一个在面板中有面板的ui 我知道/认为我可以用敲除模板来做,但我正在尝试用组件来做(因为它们看起来像是未来(?) 无论如何,我都会尝试一下,看看是否能让它工作。但我很想知道我是否在浪费时间。我希望这个递归组件示例可以帮助您: 函数组件模型(参数){ params=params |{}; params.innerComponentScont=params.innerComponentScont | | 0; var结果={ 姓名:'姓名', 组成部分:ko.

敲除组件可以递归组合吗?我正在尝试构建一个在面板中有面板的ui

我知道/认为我可以用敲除模板来做,但我正在尝试用组件来做(因为它们看起来像是未来(?)


无论如何,我都会尝试一下,看看是否能让它工作。但我很想知道我是否在浪费时间。

我希望这个递归组件示例可以帮助您:

函数组件模型(参数){
params=params |{};
params.innerComponentScont=params.innerComponentScont | | 0;
var结果={
姓名:'姓名',
组成部分:ko.observearray()
};
while(参数innerComponentScont>0){
var childModel=新组件模型();
childModel.name=childModel.name+params.innerComponentScont;
结果.components.push(childModel);
params.innerComponent命令--;
}
返回结果;
} 
ko.components.register('my-component'{
模板:{element:'我的组件模板'},
视图模型:{
createViewModel:函数(参数、组件信息){
返回新的组件模型(参数);
}
},
});
ko.applyBindings();
.my组件{
边框:1px纯黑;
填充物:5px;
}

我希望这个递归组件示例能够帮助您:

函数组件模型(参数){
params=params |{};
params.innerComponentScont=params.innerComponentScont | | 0;
var结果={
姓名:'姓名',
组成部分:ko.observearray()
};
while(参数innerComponentScont>0){
var childModel=新组件模型();
childModel.name=childModel.name+params.innerComponentScont;
结果.components.push(childModel);
params.innerComponent命令--;
}
返回结果;
} 
ko.components.register('my-component'{
模板:{element:'我的组件模板'},
视图模型:{
createViewModel:函数(参数、组件信息){
返回新的组件模型(参数);
}
},
});
ko.applyBindings();
.my组件{
边框:1px纯黑;
填充物:5px;
}


不要使用组件,因为“它们是未来”。组件和模板之间的主要区别在于模板只有DOM元素(HTML)通过绑定到主视图模型属性,组件有自己的视图模型。因此,模板完全耦合到主视图模型,而组件完全独立,并且仅通过可选参数耦合到主视图模型。此外,如果使用AMD,您可以轻松地异步加载组件。不要使用组件和模板之间的主要区别在于模板只有DOM元素(HTML)通过绑定到主视图模型属性,组件有自己的视图模型。因此,模板完全耦合到主视图模型,而组件完全独立,并且仅通过可选参数耦合到主视图模型。此外,如果使用AMD,可以轻松地异步加载组件。其中之一是模板的用例是可以动态交换的。对于组件,也可以通过使用
component
绑定和更改
name
属性来实现。这是非常重要的一点。@TSV,
childModel.name=childModel.name+params.innercomponentscont;
行不起作用运行代码段时,em是否正常工作?文本仅为“name”在所有情况下;没有尾随的“count”值……模板的一个用例是它们可以动态交换。对于组件,也可以通过使用
组件
绑定和更改
名称
属性来实现。这是非常重要的一点。@TSV,
childModel.name=childModel.nam运行代码段时,e+params.InnerComponentScont;
行似乎不起作用?所有实例中的文本都只是“名称”;没有尾随的“计数”值。。。