Polymer 元素注册前的 JavaScript 初始化

Question

从 Polymer v0.5 到 v1.0 Polymer elements 的注册过程似乎是不同的。在 Polymer v1.0 之前，我们可以从 index.html 执行 JavaScript 代码来初始化我们的 Polymer 元素 中所有需要的对象。这是一个非常重要的细节，因为 Polymer 中的 data-binding ONLY 在初始化有界对象时正确工作 FIRST。这意味着以下内容:

例如，如果您想使用 {{ }} 或 [[ ]] 绑定(bind) Polymer 元素 中的对象，则该对象必须在Polymer element注册之前定义!见:

<dom-module id="my-elem">
  <template>
    <div>This should be my bounded object: <b>{{obj.name}}</b></div>
  </template>
  <script>
    Polymer({
    is: 'my-elem',
    ready: function () {
      // Global initialized object!!!
      // app.obj ==> app.obj = { name: 'Great', info: 'Additional info!!!' };
      this.obj = app.obj;
    }
    ...      
  </script>
</dom-module>

问题是如果 Polymer 元素 被注册 BEFORE app.obj 被初始化(在上面的例子中 this. obj 在 Polymer element 注册时是 undefined)然后 NO 通知将被执行，即使 app.obj NOT undefined 稍后。

所以在这种情况下，我们需要先初始化所有有界对象，然后才能将它们与 {{ }} 或 [[ ]] 一起使用。

我们的方法完全错误吗？？？有什么建议吗？？？

Answer 1

作为解决方法，我将添加一个事件监听器，而不是 this.obj = app.obj; 在 ready 函数中app.obj 加载然后设置绑定(bind):

ready: function() {
  var that = this;
  this.addEventListener('app-obj-loaded', function() {that.obj=app.obj});
}