javascript - Ember.js - 获取 DOM 元素的模型数据

Question

我有一个 DOM 元素，想要获取它绑定(bind)到的数据模型。

这必须在任何 ember Controller /组件之外完成。我所需要处理的只是 DOM 元素和全局 Ember 变量(因为这段代码是从外部加载的脚本文件运行的)。

如何做到这一点？

Answer 1

这是不可能的(无论如何也不是开箱即用的)。 DOM 元素和模型之间没有关系。我能想到的最好方法是将模型的 ID 绑定(bind)到特定 DOM 项并对其进行属性绑定(bind)。例如:

export default Ember.Component.extend({
    model: null,
    attributeBindings: ['data-model-id'],
    'data-model-id': function() {
        return this.get('model.typeKey') + ':' + this.get('model.id');
    }.property('model.{typeKey,id}');
});

然后你会在 DOM 中得到一个像这样的元素:

<div id="ember189" data-model-id="user:86">...</div>

但这仅在您编写的 HTML 使得每个模型都有自己的 DOM 元素时才有效。而且您仍然需要访问私有(private) API 才能通过 App.__container__.lookup() 获取商店.

除非您觉得自己有真正充分的理由去做这样的事情，否则我会避免这样做。