嵌套模板結合+淘汰賽JS

Question

我想用這樣的

Question 1 
     Option1 
     Option2 
     Option3 
Question 2 
     Option1 
     Option2 
     Option3 
Question 3 
     Option2 
     Option3 

任何一個基因敲除映射到綁定模板，請提供一些示例代碼 thax任何幫助

Answer 1

這是簡單examle：

HTML代碼：

<script type="text/html" id="SimpleTemplate"> 
    <li> 
     <div> 
      <span data-bind="text: name"> 
      options: 
     </div> 
     <ul data-bind="foreach: option"> 
      <li> 
       <span data-bind="text: $data"> </span>    
      </li> 
     </ul> 
    </li> 
</script> 
<ul data-bind=" 
      template: { 
      name: 'SimpleTemplate', 
      foreach: questions 
      }"> 
</ul> 

敲除：

var Question= function(name, option) { 
    this.name = name; 
    this.option = ko.observableArray(option); 
}; 

var viewModel = { 
    questions: [ 
     new Question("Question1", ["option1", "option2", "option3"]), 
     new Question("Question2", ["option1", "option2", "option3"]), 
     new Question("Question3", ["option1", "option2"]) 
     ]  
}; 

ko.applyBindings(viewModel);