我正在玩Angular 2.0 new router,我尝试使用类似于Angular 1.X ui-router/ng-route解析机制的东西.
我试图通过以下方式实现此目的RouteData:
import {Component, ViewEncapsulation} from 'angular2/core';
import {
RouteConfig,
ROUTER_DIRECTIVES
} from 'angular2/router';
// import {HTTP_PROVIDERS} from 'angular2/http';
import {HomeCmp} from '../home/home';
import {AboutCmp} from '../about/about';
import {NameList} from '../../services/name_list';
import {PersonalizationList} from '../../services/personalization_list';
@Component({
selector: 'app',
viewProviders: [NameList, PersonalizationList],
templateUrl: './components/app/app.html',
styleUrls: ['./components/app/app.css'],
encapsulation: ViewEncapsulation.None,
directives: [ROUTER_DIRECTIVES]
})
@RouteConfig([
{ path: '/', component: HomeCmp, as: 'Home', data: this.history },
{ path: '/about', component: AboutCmp, as: 'About' }
])
export class …Run Code Online (Sandbox Code Playgroud) 我正在使用新的Angular路由器1.4,它为组件做一个简单的控制器时抛出一个错误:
angular.module('app.campaigns',['security', 'ngNewRouter'])
.controller('CampaignsController', ['authService', '$rootScope', CampaignsController]);
function CampaignsController (authService, $rootScope) {
console.log ('this is campaigns controller');
this.currentUser = $rootScope.authService.currentUser;
this.authService = $rootScope.authService;
this.logout = authService.logout;
}
Run Code Online (Sandbox Code Playgroud)
我试过没有注入$ rootScope并且是一样的.我究竟做错了什么?一个非常相似的组件就像魅力一样,但事实并非如此.