在 Ember 车把模板中呈现已解决的承诺值

Question

有没有一种在把手模板中呈现承诺结果的好方法？

例如，我有以下模型：

App.TopicItem = DS.Model.extend({
  topic: DS.belongsTo('topic'),
  paddedPosition: function() {
    return this.get('topic.course.lessons').
      then(function(lessons) {
        return lessons.indexOf(topicItem);
      }).
      then(function(index){
        var position  = index;

        if (position < 0) { 
          return;
        }

        position = position + 1;

        return (position < 10 ? $.rjust(position, 2, '0') : position.toString());
      });
  }.property('topic.course.lessons')
});

我想像这样在车把模板中渲染位置值：

{{topicItem.paddedPosition}}

有没有什么好的方法可以做到这一点？

Answer 1

这似乎是一个意外的行为。 有一个 bug 解决了这个问题：https://github.com/emberjs/ember.js/issues/11046

Answer 2

您可以让属性延迟设置，例如：

App.TopicItem = DS.Model.extend({
  topic: DS.belongsTo('topic'),
  paddedPosition: function(key, value) {
    if (arguments.length > 1) {
      // > 1 args = this is a `set`
      return value;
    } else {
      // otherwise this is a `get`
      var _this = this;
      value = null;

      this.get('topic.course.lessons').
        then(function(lessons) {
          // do stuff based on result
          var padded = ...;
          // when the promise is resolved, set this property with the value
          _this.set("paddedPosition", padded);

          // if the promise resolves immediately, set `value` so we return
          // the calculated value and not null
          value = padded;
        });

      // returns null if the promise doesn't resolve immediately, or 
      // the calculated value if it's ready
      return value;
    }
  }.property('topic.course.lessons')
});

当它第一次被访问时，它会开始计算，就像任何时候课程发生变化一样，一旦完成，它就会将自己设置为计算的结果。

这是有效的，因为在 get 和 set 上都调用了计算属性，您可以通过参数的数量来区分两者 - 1 表示 get，大于 1 表示 set（它曾经是 2，现在你得到 3 所以最好的检测方法是 > 1)。更多关于 in the docs.

从计算属性（在 get 或 set 中）返回的任何内容都会被缓存，直到其依赖属性发生更改 - 在本例中为 topic.course.lessons。

在上面的例子中，当第一个get 进来时，我们开始计算并返回null。这现在被缓存为属性的值，如果在 promise 解决之前有任何其他调用此属性，那么它将返回 null。

一旦 Promise 解决，我们就使用计算值调用同一属性上的 set。我们只是在 setter 中返回它，它现在被缓存为属性的值。

直到从属属性发生变化 (topic.course.lessons)，或者新值为 set，然后从属性返回缓存值。