Question

我看到了上一篇文章emberjs bind data attributes，并在谷歌搜索的emberjs上找到了链接 http://emberjs.com/api/classes/Ember.View.html
http://emberjs.com/guides/components/customizing-a-components-element/
但我无法理解如何创建自己的属性绑定。

举一个例子（这只是我的假设，可能是我将远离真实场景）。请指正。

HTML文件包含：
{{view App.DatePickerView data-dateBinding =“rr”}}

app.js文件包含：

attributeBindings: ["data-date"],
rr: function() {
  alert("Hello");
},

我完全搞砸了属性绑定是如何工作的？

多谢你们所有人。

Answer 1

您是否尝试重新打开视图类？

来自Ember documentation：

Ember.LinkView.reopen({
  attributeBindings: ['data-toggle']
});

我还建议不要将数据属性添加到HTML元素，而是尽可能使用Ember Data模型上的属性。

Answer 2

这是跟踪operator <<和top属性并为包装div设置内联样式的真实示例

height

希望有所帮助

Answer 3

模板：

{{view App.DatePickerView}}

app.js：

App.DatePickerView = Ember.View.extend({
    attributeBindings: ["newDate:data-date"]
    newDate: function() {
        return (new Date()).toString();
    }.property()
    // ...
});

有关详细信息，请参阅：http://emberjs.com/api/classes/Ember.View.html#toc_html-attributes

EmberJS attributeBinding

3 个答案: