使用布尔属性'autofocus'在knockout中使用attr绑定

Question

对于某些属性,存在具有效果的属性 - 分配给它的值无关紧要.例如,autofocus属性可以设置为"false"或"true"或"banana",并且元素仍然会自动聚焦.IE,以下都是等效的,导致div获得焦点:

<div autofocus="false" contenteditable="true"></div>
<div autofocus="true" contenteditable="true"></div>
<div autofocus="banana" contenteditable="true"></div>

Knockout有一个'attr'绑定,但它似乎只对值赋值给属性,而不是添加/删除属性.

有没有其他方法在淘汰赛中做到这一点,或者我被迫从javascript设置它？

NB在ubuntu上使用chrome.

Answer 1

使用布尔值false删除属性,使用字符串'false'设置属性.你还需要什么？

例如:

// Set as boolean, removes the attribute
autofocus(false);   

// Set as boolean, adds the attribute
autofocus(true);  

// Set as string, adds the attribute
autofocus('false');   

// Set as string, adds the attribute
autofocus('true');   

请看这里的例子:http://jsfiddle.net/badsyntax/XMDFh/

Answer 2

您可以使用hasfocus淘汰赛绑定：

<input data-bind="hasfocus: isSelected" />

在这里阅读更多信息：http ://knockoutjs.com/documentation/hasfocus-binding.html