Как сделать простой привязку данных к шаблону в нокауте?

Question

Я новичок в нокауте, я пытаюсь выработать практику из многоразового использования, которые связывают массив javascript и отображают в виде сетки на веб-странице. Просто не могу понять, какую ошибку я сделал, потому что я сделал то, что сделал видео. Следующий мой код: Пожалуйста, кто-нибудь может мне помочь?

<div id="tagsList"> 
    <div> 
     <h2>Tags</h2> 

    </div> 
    <div> 
     <input type="text" placeholder="Add New Tag" /> 
     <button>+ Add</button> 
     <ul data-bind="template: {name: 'tagsTempl', foreach: tags}"></ul> 
    </div> 
</div> 
<script id="tagsTempl" type="text/html"> 
    <li> <span> $ { 
     Name 
    } 
    $ { 
     (new Date).toLocaleTimeString() 
    } < /span> 
      <div> 
       <a href="#" >Edit</a > < a href = "#" > Delete < /a> 
      </div > < /li> 
</script> 

$(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 Offense" 
    }, { 
     Id: 8, 
     Name: "Team Defense" 
    }]; 

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

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

    ko.applyBindings(viewModel); 

}); 

Мой код http://jsfiddle.net/hanxuema/NTYLD/ а

Благодаря

Update

это страница из курса

это то, что я сделал ...

Последний вопрос

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Смежные вопросы

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.