淘汰賽jquery程序不能正常工作

Question

我寫了下面的MVC應用程序。

索引方法只返回View（）。

我正在關注一些視頻教程來學習Knockout js，以下是代碼。

<script id="tagsTempl" type="text/html"> 
    <ul> 
     {{each tags}} 
      <li class="tagItem"> 
       <span>${Name}</span> 
       <div> 
        <a href="#" class="tag-edit">Edit!</a> 
        <a href="#" class="tag-delete">Delete!</a> 
       </div> 
      </li> 
     {{/each}} 
    </ul> 
</script> 

以下是我的JavaScript文件。

$(function() { 
    var data = [ 
     { Id: 1, Name: "Ball Handling" }, 
     { Id: 2, Name: "Passing" }, 
     { Id: 3, Name: "Shooting" }, 
     { Id: 4, Name: "Rebounding" }, 
     { Id: 5, Name: "Transition" }, 
     { Id: 6, Name: "Defense" }, 
     { Id: 7, Name: "Team Offence" }, 
     { Id: 8, Name: "Team Defence" } 
    ]; 

    var viewModel = { 
     tags: ko.observableArray(data), 
     tagToAdd: ko.observable(""), 

     addTag: function() { 
      this.tags.push({ Name: this.tagToAdd() }); 

     } 
    }; 

    ko.applyBindings(viewModel); 
}); 

我沒有得到所需的輸出，但只是下面的垃圾。

基本上，我無法理解{{每個標記}}循環，並且我無法在互聯網上獲得適當的資源。任何人都可以請建議我正確的解決方案。

Answer 1

請確保您參考documentation所示的jquery.tmpl.js。這是一個working jsfiddle example。