引用自定義html id的基因敲除可觀察

Question

我有一個foreach挖空循環，我想在每個複選框中爲我的observable在循環中創建的名稱設置id。

<tbody data-bind="foreach: FormatVendorRules"> 
        <tr class="h4"> 
         <td data-bind="text: SubCategoryCode"></td> 
         <td> 
          <div class="onoffswitch"> 
           <input name="validationCheckBox" type="checkbox" 
           name="onoffswitch" class="onoffswitch-checkbox" 
           id="myId+"text: SubCategoryCode"" data-bind="checked: IsEnabled" /> //This is where I want to define the id 
           <label class="onoffswitch-label" for="myId+"text: SubCategoryCode""> 
            <div class="onoffswitch-inner"></div> 
            <div class="onoffswitch-switch"></div> 
           </label> 
          </div> 
         </td> 
        </tr> 
       </tbody> 

所以ID的應該是

• myIdPrice
• myIdValue
• myIdSku
• ...... ECT

Answer 1

您需要使用attr binding來設置id屬性（或者其他任何屬性）：

data-bind="checked: IsEnabled, attr: { id: 'myId' + SubCategoryCode() }" 

注意：您只需要()在SubCategoryCode()結束時，如果這個屬性是ko.observable。但如果你的SubCategoryCode是一個普通的屬性，你只需要寫： attr: { id: 'myId' + SubCategoryCode }