問題使用attr在淘汰賽

Question

結合我使用淘汰賽ATTR用於數據綁定的屬性，如：

<div data-bind="attr : { 'data-fire': Fire, 'data-age': Age }"> 
</div> 

現在我想那是什麼不是我不想，如果任何可觀察到varibale即Fire and Age爲空或空添加一個空的屬性名稱。因此應用後，如果假設Age結合是空的，比我不希望我的標記是：

<div data-bind="attr : { 'data-fire': Fire, 'data-age': Age }" data-age data-fire="Yes"> 
</div> 

相反，我想刪除數據時代，並希望這種清潔標記：

<div data-bind="attr : { 'data-fire': Fire, 'data-age': Age }" data-fire="Yes"> 
</div> 

是否有任何在knockout.js中實現這一點的方法？

Answer 1

可以使用custom binding這個控制自己：

<div data-bind="addAttributes : { 'data-fire': Fire, 'data-age': Age }"></div> 

然後有一個處理程序：

ko.bindingHandlers.yourBindingName = { 
    init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
     // This will be called when the binding is first applied to an element 
     // Set up any initial state, event handlers, etc. here 
    }, 
    update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
     // This will be called once when the binding is first applied to an element, 
     // and again whenever the associated observable changes value. 
     // Update the DOM element based on the supplied values here. 
    } 
}; 

在這些方法中，你可以檢查值和手動（使用jQuery添加屬性，例如）只有當這些值不是空白時。