如何使用“bindAttr”将值绑定到“data- *”属性？

Question

我正在尝试使用bindAttr将值绑定到custom data- attribute，如下所示：

<a {{bindAttr data-foo="content.foo"}}>

这似乎不起作用，因为我得到一个解析错误：

Error: Parse error on line 16:
...}}         <a {{bindAttr data-foo="content.foo
----------------------^
Expecting 'CLOSE', 'STRING', 'ID', 'SEP'

然而，使用dataFoo可以起作用。

这对于SproutCore / Handlebars.js是不可能的，我必须（ab-）使用不同的属性？

Answer 1

您是否考虑过这样做：

<a data-foo="{{content.foo}}">