ノックアウト

Question

のようなスタンドアロンの属性を持つを結合ノックアウトの「attrの」データを使用するための提案「ベストプラクティス」の方法は、とを「読み取り専用」「無効」とは何ですか？

これらの属性は、それらが一般的に属性名（あなたは、単にHTML内の任意の値なしで属性名が含まれている場合、多くのブラウザでは正常に動作しますが）に属性値を設定することで有効になっているという点で特別です：

<input type="text" readonly="readonly" disabled="disabled" value="foo" /> 

あなたはこれらの属性を適用する必要はありません場合は、一般的には、単にHTML（読み取り専用=「false」のような何かをやってではなく）からそれらを完全に省略してある。

<input type="text" value="foo" /> 

ノックアウトの「attr」データバインディングは、このシナリオをサポートしていません。できるだけ早く私は、属性名を指定すると、私は同様に価値を提供する必要があります。

<input type="text" data-bind="attr: { 'disabled': getDisabledState() }" /> 

クロスブラウザの方法はあります「無効」オフにしたり、「読み取り専用」？または、カスタムバインドのレンダリングに使用できない秘訣があるアイテムを無効にしたり、読み取り専用にしたくない場合はどうすればいいですか？

Answer 1

ノックアウトの "attr"データバインディングは、nullまたはをgetDisabledState()ファンクションから返すだけです。この場合、この属性は発行されません。

デモFiddle。

Answer 2

ノックアウトは、enable結合およびdisable結合を有する。

質問があったときにこれらの質問が表示されているかどうかはわかりませんが、この問題を参照している人は誰でも気をつけてください。

ko.bindingHandlers['readonly'] = { 
'update': function (element, valueAccessor) { 
    var value = ko.utils.unwrapObservable(valueAccessor()); 
    if (!value && element.readOnly) 
     element.readOnly = false; 
    else if (value && !element.readOnly) 
     element.readOnly = true; 
} 
}; 

出典：：また、読み取り専用、このようなバインディングを作成することができます

Answer 3

あなたがさえ示すために、無効になっていない場合は無効に提供する必要がある理由https://github.com/knockout/knockout/issues/1100