Question

我正在查看的Ember应用程序的应用程序模板使用条件检查来确定要显示的链接

{{#if isAuthenticated}}
    link
{{else}}
    link...
{{/if}}

根据用户是否已注册/登录

，有条件地设置isAuthenticated属性

App.AuthController = Ember.ObjectController.extend({
    currentUser: null,
    isAuthenticated: Em.computed.notEmpty("currentUser.email"),
    login: function(route) {
      var me;
      me = this;
      return $.ajax({
        url: "/users/sign_in.json",
        type: "POST",
        data: {
          "user[email]": route.currentModel.email,
          "user[password]": route.currentModel.password
        },
        success: function(data) {

          me.set('currentUser', data.user);

         return route.transitionTo('user', data.user);

该应用程序能够毫无问题地处理注册和登录，但是，应用程序模板始终显示用户未经过身份验证的链接。根据您在此处看到的代码，是否有某些原因导致isAuthenticated在登录时不会更新？

Answer 1

如果@mavilein和@chopper允许我发布一个明确的答案来完全覆盖这个问题，那么就在这里：

的ApplicationController

由于您的ApplicationController是备份应用程序模板的人，因此您应该使用AuthController API重新needs，如下所示：

App.ApplicationController = Ember.ObjectController.extend({
  needs: ['auth']
  ...
});

申请模板

然后，您可以使用AuthController访问前缀为访问前缀的所有controllers.auth属性，因此您可以在应用程序模板中执行此操作：

{{#if controllers.auth.isAuthenticated}}
  link
{{else}}
  link...
{{/if}}

如果您不喜欢长名称，还有一个快捷方式：

 App.ApplicationController = Ember.ObjectController.extend({
  needs: ['auth'],
  isAuthenticated: Ember.computed.alias('controllers.auth.isAuthenticated')
  ...
});

执行此操作后，您可以在应用程序模板中执行以下操作：

{{#if isAuthenticated}}
  link
{{else}}
  link...
{{/if}}

在这种情况下，它指的是ApplicationController isAuthenticated属性，而该属性又是从始发控制器AuthController计算的。

希望它有所帮助。

如何设置Ember控制器属性

1 个答案:

的ApplicationController

申请模板