嵌套模板绑定+淘汰赛js

Question

我想使用像这样的敲除映射来绑定模板

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

任何人请提供一些示例代码 thax任何帮助

Answer 1

这是一个简单的例子：

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);