淘汰赛印刷

Question

这是一个真正简单的例子，我有一个数组一个基本的JavaScript对象，我使用淘汰赛映射，使阵列可观测等

但在我申请的时候我唯一的结合我得到未定义。

任何想法为什么？

HTML

<div data-bind="with: Data"> 

    <div class="tab-pane active" id="studydirections"> 
     <div data-bind="template: { name: studydirectionstemplate, foreach: studydirections }"> 
     </div> 
    </div> 

</div> 

<script id="studydirectionstemplate" type="text/html"> 
    <div> <span data-bind="text: Name"> </span> </div> 
</script>​ 

的JavaScript

var viewModel = {}; 

var data = { 
    studydirections: [{ 
     RecId: 299, 
     ColtechCode: 75, 
     Name: "FARM", 
     Description: "FARMING"}, 
    { 
     RecId: 306, 
     ColtechCode: 12, 
     Name: "BACC", 
     Description: "ACCOUNTING"}, 
    { 
     RecId: 334, 
     ColtechCode: 11, 
     Name: "BMAN", 
     Description: "BUSINESS MANAGEMENT" 
    } 
]}; 

viewModel.Data = ko.mapping.fromJS(data); 

ko.applyBindings(viewModel);​ 

结果是

undefinedundefinedundefined 

这里是一个小提琴的链接来说明问题

http://jsfiddle.net/armandvdwalt/3Q267/

Answer 1

只需更改，在单引号中附上模板名称。

<div data-bind="template: { name: 'studydirectionstemplate', foreach: studydirections }"> 

检查更新的jsFiddle