如何设置 Ember 控制器属性

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);

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

Answer 1

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

应用控制器

由于ApplicationController是备份应用程序模板的，因此应使用 needs API 进行AuthController

，如下所示：

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计算的。

希望对您有所帮助。