我对 javascript 和 promises 还很陌生，所以我可能无法理解所有的基本概念，但我正在尝试。

我的模型中有一个检查友谊状态的函数:

 friendShipStatus: function() {
            var self = this;
            return Ember.RSVP.all([this.container.lookup('user:current'), 
                                   this.get('myFriends'), 
                                   this.get('friendsWithMe'), 
                                   this.get('friends')]).then(function(result){
                var user = result[0], myFriends = result[1],
                    friendsWithMe = result[2], friends = result[3] 
                if(friends.contains(user)){
                    return 2;
                } else if(friendsWithMe.contains(user)){
                    return 4;
                } else if(myFriends.contains(user)){
                    return 1;
                } else if (self.get('id') === user.get('id')){
                    return 3;
                } else {
                    return 0;
                }
            });

    }.property('friends')

不，我只想通过以下方式在我的模板中输出这个值(例如 3):

FriendStatus :{{ friendShipStatus}}<br>

但我只得到对象输出:

FriendStatus :[object Object]

如果我通过日志助手 {{ log friendShipStatus }} 记录输出，我看到 promise 被解析为值 3。为什么这个值没有放入我的模板中？

最佳答案

下面有一种更高级的方法，但这种方法也很有效。

您将要使用观察者，然后为结果设置另一个属性。导致 promise 的计算属性应该用作 promise (在其他东西想要等到值可用的情况下)。

设置计算属性的值是一种反模式，计算属性应该就是这样，一个计算自身并返回结果的属性。如果您设置它，您将取消计算属性并说此属性的值为 x。这将破坏计算属性，之后它不会再更新。

http://emberjs.jsbin.com/OfOhuZub/1/edit

goodValue: '',
  
goodObserves: function(){
    var self = this,
        change = this.get('yourInput'),
        promise;
    
    promise = new Ember.RSVP.Promise(function(resolve){
      Em.run.later(function(){
        resolve(change);
      }, 200);
    });
     
    promise.then(function(result){
       self.set('goodValue', result);
    });
    
}.observes('yourInput').on('init'),
 
badComputed: function(){
    var self = this,
        change = this.get('yourInput'),
        promise;
    
    promise = new Ember.RSVP.Promise(function(resolve){
      Em.run.later(function(){
        resolve(change);
      }, 200);
    });
     
    promise.then(function(result){
       // AHHH, I'm overwriting my computed property, Whoops
       self.set('badComputed', result);
    });
}.property('yourInput')

在你的情况下它会是这样的:

friendShipStatus: '',
friendShipStatusObserver: function() {
        var self = this;
        Ember.RSVP.all([this.container.lookup('user:current'), 
                               this.get('myFriends'), 
                               this.get('friendsWithMe'), 
                               this.get('friends')]).then(function(result){
            var user = result[0], myFriends = result[1],
                friendsWithMe = result[2], friends = result[3] 
            if(friends.contains(user)){
                self.set('friendShipStatus', 2);
            } else if(friendsWithMe.contains(user)){
                self.set('friendShipStatus', 4);
            } else if(myFriends.contains(user)){
                self.set('friendShipStatus', 1);
            } else if (self.get('id') === user.get('id')){
                self.set('friendShipStatus', 3);
            } else {
                self.set('friendShipStatus', 0);
            }
        });

}.observes('friends')

更高级的方法

您还可以构建一个 promise 代理对象，这在您的情况下可能更容易工作。本质上，您构建了一个 ObjectProxy(这与 ObjectController 用于将属性从模型代理到模板的东西相同)。但是你添加了一个转折点，你使用 PromiseProxyMixin 这将允许你从 promise 的解析中代理值。你不能只使用结果，{{goodComputed}}，这只会打印出 promise 代理。因此，您需要将已解析的值包装在某种对象中，resolve({value: change})。一旦在一个对象中，您可以在模板中使用 {{goodComputed.value}}，它将向下代理到 promise ，因为 ObjectProxy 上不存在值。我在下面包含了一个示例。

  goodComputed: function(){
    var self = this,
        change = this.get('yourInput'),
        promise,
        result;
    promise = new Ember.RSVP.Promise(function(resolve){
      Em.run.later(function(){
        resolve({value:change});
      }, 200);
    });
     
    result = Ember.ObjectProxy.extend(Ember.PromiseProxyMixin).create({
      promise: promise
    });
    
    return result;
  }.property('yourInput'),

http://emberjs.jsbin.com/OfOhuZub/2/edit

关于javascript - 解决后未将 promise 值放入模板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21496761/