Knockout.js - 如何在foreach綁定數據-VAR

Question

我想結合data-id我循環項目在淘汰賽

<ul data-bind="foreach: items"> 
     <li data-bind="attr: {data-id: $data.id}"> 
      <p data-bind="text: title"></p> 
      <img alt="" data-bind="attr: {src: $data.img}"> 
      <h4>Volkswagen.co.uk</h4> 
     </li> 
    </ul> 

<li data-bind="attr: {data-id: $data.id}">那麼具體的這行代碼是什麼，我想獲得工作。

Answer 1

因爲data-id是不是在JavaScript中的合法標識符名稱，你需要寫：

<li data-bind="attr: { 'data-id' : $data.id}"> 

見ATTR結合文檔Applying attributes whose names aren’t legal JavaScript variable names部分。