如何在路由中使用服务属性？

Question

我有一个处理用户身份验证并通过模型获取用户数据的服务。 它获取的数据之一是饮食计划的开始日期。 我想使用该日期来计算数字：自程序启动以来的天数，因此我可以使用该数字查询从CMS中提取内容的其他模型。

除了模板，我无法在其他任何地方访问该号码。

这是仪表板的控制器

import Ember from 'ember';

export default Ember.Controller.extend({

  authManager: Ember.inject.service('session'),
    });

这是模板

{{#if authManager.currentUser.activeCleanse}}
  You are on a cleanse that starts 
{{authManager.currentUser.cleanse_start}}
  {{else}}
  You are not on a cleanse.
{{/if}}

上面的所有代码均有效，但是当我在控制器中尝试如下操作时：

  activeCleanse: Ember.computed( function(){
    return this.get('authManager.currentUser').then( (user) => {
    return user.cleanse_active;
    }.bind(this))
  }),

  startDate: Ember.computed( function(){
    return this.get('authManager.currentUser').then( (user) => {
    return user.cleanse_start;
    }.bind(this))
  })

并将模板替换为：

{{#if activeCleanse}}
  You are on a cleanse that starts {{startDate}}
  {{else}}
  You are not on a cleanse.
{{/if}}

它不会响应activeCleanse为false（模板似乎仅在检查其存在），并且date标记仅显示[object Object] 。

我实际上是在尝试获取控制器中的日期，因此我可以操纵它以将其作为参数之一传递到仪表板路线，该路线图基于特定的日期获取模型：

仪表板路线

import Ember from 'ember';

export default Ember.Route.extend({

  model() {
    return this.get('store').queryRecord('cleanse-post', {
      filter: {
        tag: 'day-1'
        }
      });
    },

});

我希望能够根据日期的计算动态设置过滤器的标签。

任何帮助，将不胜感激。 我觉得我一直在兜圈子，我也不知道该怎么做。

Answer 1

1. activeCleanse它的计算属性取决于authManager.currentUser ，因此您的计算属性格式应如下所示

activeCleanse: Ember.computed('authManager.currentUser',function(){
      //return the result
     }),

不需要bind(this)因为该计算的属性将在特定的上下文中调用，在您的示例中， this将是控制器。

2. 当前，您的计算属性返回Promise，计算属性不承诺。 您可以尝试返回DS.PromiseObject使其工作。

activeCleanse:Ember.computed(function(){
        return DS.PromiseObject.create({
          promise: this.get('authManager.currentUser').then( (user) => {
            return user.cleanse_start;
          })
      })

就您而言，我想说您可以在路由上使用setupController钩子，您可以在其中设置activeCleanse属性，

this.get('authManager.currentUser').then( (user) => {
  this.set('activeCleanse,user.cleanse_active);
});