淘汰賽組件綁定屬性錯誤

Question

我想屬性ID添加到動態標籤，但它給錯誤

"Uncaught ReferenceError: Unable to process binding "attr: function(){return {id:id} }" Message: id is not defined"

我的HTML的

<label data-bind="text:label"></label> 
<span class="name" data-bind="attr:{id:id},html:value"></span> 
<span class="cancelled" data-bind="html:cancel"></span> 
<span class="currency-block" data-bind="html:amount"></span> 

我的觀點基於模型

this.listrows = [ 
      {layout:'basic', params:{icon:'icon-phone', items:[ 
      {item:'content', type:'basic', params:{id:'test', label:'From Account',value:'asuhdas'}} 
      ]}}, 

      {layout:'basic', params:{icon:'icon-money', items:[ 
      {item:'content', type:'basic', params:{label: 'To Account:', value:''}} 
      ]}} 
] 

我添加了attr：{id：id}仍然存在錯誤。任何人都可以幫助我。

Answer 1

沒有看到您的更多的HTML（所以假設你的HTML包含在foreach哪些目標listrows.item陣列內），該id屬性包含您的params對象之內，所以爲了引用它你需要指定params.id ：

<span class="name" data-bind="attr: {id: params.id }, html: params.value"></span> 

---

編輯：基於評論：

above is my full html. I just want to add id to first span...

在這種情況下，您需要訪問viewmodel的值本身。因爲您的視圖模型沒有自己的id屬性，所以不能只調用id。相反，你需要使用訪問它：

attr: { id: listrows[0].items[0].params.id } 

這是假設你只希望訪問0th指數listrows和items陣列兩者。