与 Polymer 中子元素的数据绑定

Question

我使用 Skygear 作为 BaaS。 我创建了一个聚合物元素skygear-app（就像polymerfire 一样）来初始化skygear 实例。

  <skygear-app name="skygear" app={{skygear}} end-
  point="https://xyz.skygeario.com/" api-key="SECRET"></skygear-app>

我也可以通过

成功登录

  passwordSignIn: function(){
    skygear.loginWithEmail(this.email, this.password).then(
      function(){
        console.log('login ok');
        console.log(skygear.currentUser.id);
        this.currentUser = skygear.currentUser;
      }
    );

我可以通过console.log(skygear.currentUser.id); 获得userId，但是， 我无法使用数据绑定 {{skygear.currentUser.id}} 获取 userId。

  <h4>Access Token: [[skygear.accessToken]]</h4> <!-- working -->
  <h4>User Id: [[skygear.currentUser.id]]</h4> <!-- not working -->

{{skygear.endpoint}} 等 1 级属性有效； 但是像 {{skygear.currentUser.id}} 这样的 2 级属性不会。

数据绑定是否仅限于 1 级？有什么想法可以解决吗？

Answer 1

根据polymer1.0 doc，二级属性为Unobservable changes，参考：https://www.polymer-project.org/1.0/docs/devguide/data-system#unobservable-changes

我们可以使用skygear容器提供的onUserChanged来通知聚合物app。

这是最小的 Polymer skygear-app

  Polymer({
    is: 'skygear-app',
      apiKey: {
        type: String
      },
      endPoint: {
        type: String
      },
      app: {
        type: Object,
        notify: true,
        computed: '__computeApp(name, apiKey, endPoint)'
      }
    },
    __computeApp: function(name, apiKey, endPoint) {
      if (apiKey && endPoint) {
        skygear.onUserChanged(() => {
          this.notifyPath('app.currentUser.id');
        });
        skygear.config({
          apiKey: apiKey,
          endPoint: endPoint
        }).then(() => {
          this.notifyPath('app.currentUser.id');
        });
        return skygear
      } else {
        return null;
      }

      return skygear
    }
  });