我想在控制器启动之前使用解析来检查用户是否存在于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方法,但这不是我想要访问它的方式。
您的'登录'状态定义没有控制器。所以UI路由器不会实例化登录控制器。所以它不能传递任何东西给它的构造函数。 –
登录指令负责处理该页面并定义了控制器。整个事情的工作除了解决方法 – vodich
是的,这是我的观点:因为它不是实例化您的控制器的路由器,它不能将已解析的已记录的用户传递到控制器。控制器不是国家的控制者。它是指令的控制器,恰好在状态模板中使用。所以这是行不通的。阅读https://ui-router.github.io/guide/ng1/route-to-component以了解您必须执行的操作:使用控制器和模板,或使用组件。 –