我可以用knockout.js绑定foreach注入包装器div吗

a

我有上面的装订。我需要在一些casse中在内部div周围注入一个包装器

<div id="metro-scrollbar" data-bind="foreach: data.sections , visible: data.sections.length > 0">
    <section data-bind="foreach: $data.tiles, visible: $data.tiles.length > 0, css: { 'last' : $parent.isLastSection($index)}">
        <div data-bind="attr : {'class' : $root.getClass($data,$parentContext.$index,$index)} ">

            <div data-bind="attr : {'class' : $root.getAspectClass($data,$index)} "></div>
            <div class="live-tile">
                <span class="tile-title" data-bind="text: title, css:{'big' : bigtitle}"></span>
                <div>
                    <p>a</p>
                </div>
            </div>
        </div>
    </section>
</div>

//这在这里应该永远存在：
//这在这里应该永远存在：
//这在这里应该永远存在：

---

我希望它有意义。

s093294的想法是正确的。下面是一个解决方案示例（和一个示例）：

查看

<div>
    <section>
        <-- if $myFunction() inject <div> -->
        <div>
            <div></div> // THIS IN HERE SHOULD BE THERE ALWAYS:
            <div >      // THIS IN HERE SHOULD BE THERE ALWAYS:
            </div>      // THIS IN HERE SHOULD BE THERE ALWAYS:
        </div>
         <-- if $myFunction() inject </div> -->
    </section>
</div>

---

s093294的想法是正确的。下面是一个解决方案示例（和一个示例）：

查看

<div>
    <section>
        <-- if $myFunction() inject <div> -->
        <div>
            <div></div> // THIS IN HERE SHOULD BE THERE ALWAYS:
            <div >      // THIS IN HERE SHOULD BE THERE ALWAYS:
            </div>      // THIS IN HERE SHOULD BE THERE ALWAYS:
        </div>
         <-- if $myFunction() inject </div> -->
    </section>
</div>

---

如果可能，为内部div创建一个模板，为注入的div创建一个模板。然后，注入的div的模板应该调用innerdivs的模板。然后基于myFunction，使用两个模板中的任意一个。可能吗？对不起，我不清楚你想做什么。因此，您要做的是添加一些元素来包装

部分

元素的子元素？如果可能，为内部div创建一个模板，为注入的div创建一个模板。然后，注入的div的模板应该调用innerdiv的模板。然后基于myFunction，使用两个模板中的任意一个。可能吗？对不起，我不清楚你想做什么。那么您要做的就是添加一些元素来包装

部分的子元素

元素？

viewModel = {
    toggle: new ko.observable(true),
    templateName: function () {
        return viewModel.toggle() ? 'outer-tmpl' : 'inner-tmpl';
    },
    click: function () {
        viewModel.toggle(!viewModel.toggle());
    }
}
ko.applyBindings(viewModel);