淘汰赛，嵌套的foreach

Question

让我们有猫和小猫的人类

class Master
{  
   String masterName;

   Cat[] cats;  
}
class Cat 
{
   String catName;

   Kitten[] kittens;
}

class Kitten 
{
   String kittenName;
}  

现在我想在 html 中展示我所有的小猫和猫的主人。我用

                    <!-- ko foreach: humans -->
                    <!-- ko foreach: cats -->
                    <!-- ko foreach: kittens -->
<p data-bind="$data.kittenName"></p>
<p data-bind="$parent.catName"></p>
<p data-bind="???????"></p>   <!-- How get master's name? -->
                    <!-- /ko -->
                    <!-- /ko -->
                    <!-- /ko -->

Answer 1

来自knockout documentation

$父母 这是一个代表所有父视图模型的数组：

$parents[0] 是来自父上下文的视图模型（即，它与 $parent 相同）

$parents[1] 是来自祖父母上下文的视图模型

您应该能够使用$parents[1] 访问主视图模型。

Answer 2

您可以使用 $root 来访问基础对象 - 在您的情况下，基础对象将处于 Master 的级别。

<!-- ko foreach: humans -->
    <!-- ko foreach: cats -->
        <!-- ko foreach: kittens -->
            <p data-bind="$data.kittenName"></p>
            <p data-bind="$parent.catName"></p>
            <p data-bind="text:console.log($root, $parent, $data)"></p>   <!-- How get master's name? -->
        <!-- /ko -->
    <!-- /ko -->
<!-- /ko -->