是否有可能有嵌套淘汰賽組件在JavaScript

Question

我想是這樣的：

<base-component> 
    <sec-component> 
    </sec-component> 
</base-component> 

是否有可能與基因敲除組件的幫助，以實現這一目標？

Answer 1

是的。在本文檔中，「傳遞標記成組件」部分：http://knockoutjs.com/documentation/component-custom-elements.html#passing-markup-into-components

<!-- This could be in a separate file --> 
<template id="my-special-list-template"> 
    <h3>Here is a special list</h3> 

    <ul data-bind="foreach: { data: myItems, as: 'myItem' }"> 
     <li> 
      <h4>Here is another one of my special items</h4> 
      <!-- ko template: { nodes: $componentTemplateNodes, data: myItem } --><!-- /ko --> 
     </li> 
    </ul> 
</template> 

<my-special-list params="items: someArrayOfPeople"> 
    <!-- Look, I'm putting markup inside a custom element --> 
    The person <em data-bind="text: name"></em> 
    is <em data-bind="text: age"></em> years old. 
</my-special-list> 

在li元件內部的ko template，節點將被添加。

因此，您也可以在的內部標記中插入不同的組件。例如：

<!-- This could be in a separate file --> 
<template id="my-special-list-template"> 
    <h3>Here is a special list</h3> 

    <ul data-bind="foreach: { data: myItems, as: 'myItem' }"> 
     <li> 
      <h4>Here is another one of my special items</h4> 
      <!-- ko template: { nodes: $componentTemplateNodes, data: myItem } --><!-- /ko --> 
     </li> 
    </ul> 
</template> 

<template id="my-person-template"> 
    The person <em data-bind="text: name"></em> 
    is <em data-bind="text: age"></em> years old. 
</template> 

<my-special-list params="items: someArrayOfPeople"> 
    <my-person></my-person> 
</my-special-list>