使用es6类语法解析

我想在控制器启动之前使用解析来检查用户是否存在于localStorage中，但无法使其工作。例子：使用es6类语法解析

//loginDirective.js 

import {LoginController as controller} from './login.controller'; 
import template from './login.html'; 

export const loginDirective =() =>{ 
return{ 
    controller, 
    template, 
    scope:{}, 
    controllerAs:'vm', 
    replace: true, 
    restrict: 'E' 
    } 
} 

//login.js 
import {loginDirective} from './login.directive'; 
import angular from 'angular'; 
import uiRouter from 'angular-ui-router'; 

export const login = angular.module('admin', [uiRouter]) 
.config(($stateProvider) => { 
    $stateProvider.state('login', { 
     url  : '/login', 
     template: '<login></login>', 
     resolve : { 
      loggedUser: function() { 
       if(localStorage.getItem('user')){ 
        return true; 
       } 

       return false; 
      } 
     } 
    }) 
}) 
.directive('login', loginDirective); 

//LoginController 

'use strict'; 

class LoginController { 

constructor($state, AuthenticationService, loggedUser) { 
    this.$state    = $state; 
    this.AuthenticationService = AuthenticationService; 
    this.email     = ''; 
    this.password    = ''; 
    this.loggedIn    = loggedUser; 
} 

login =() => { 
    this.AuthenticationService.Login(this.email, this.password).then((result)     => { 
     this.loggedIn = result; 
     if (this.loggedIn === true) { 
      this.$state.go('home', {}, {reload: true}); 
     } 
    }); 
    } 

logout =() => { 
    this.AuthenticationService.Logout(); 
    this.loggedIn = false; 
    this.$state.go('login', {location: true}); 
} 

} 

LoginController.$inject = ['$state', 'AuthenticationService', 'loggedUser']; 

export {LoginController}

这将引发Unknown provider: loggedUserProvider <- loggedUser

注：我使用的WebPack，一饮而尽和通天transpile。 WebPack启用了babel阶段1。我可以在这个$ state中看到resolve方法，但这不是我想要访问它的方式。

来源

2016-08-18 vodich

您的'登录'状态定义没有控制器。所以UI路由器不会实例化登录控制器。所以它不能传递任何东西给它的构造函数。 –

登录指令负责处理该页面并定义了控制器。整个事情的工作除了解决方法 – vodich

是的，这是我的观点：因为它不是实例化您的控制器的路由器，它不能将已解析的已记录的用户传递到控制器。控制器不是国家的控制者。它是指令的控制器，恰好在状态模板中使用。所以这是行不通的。阅读https://ui-router.github.io/guide/ng1/route-to-component以了解您必须执行的操作：使用控制器和模板，或使用组件。 –

您的'登录'状态定义没有控制器。所以UI路由器不会实例化登录控制器。所以它不能传递任何东西给它的构造函数。

控制器不是状态的控制器。它是指令的控制器，恰好在状态模板中使用。所以这是行不通的。

阅读https://ui-router.github.io/guide/ng1/route-to-component了解您必须如何操作：使用控制器和模板，或使用组件。

来源

2016-08-18 14:27:17

组件方法实际上并不适用于我，可能是ui路由器版本或什么，所以我切换到使用控制器和模板 – vodich

注意：这是ui-路由器版本毕竟 – vodich

使用es6类语法解析

回答

相关问题