标签: angularjs-new-router

Angular 2 - 相当于路由器解析新路由器的数据

我正在玩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)

angularjs-new-router angular-new-router angular

8
推荐指数
2
解决办法
7614
查看次数

无法实例化控制器Angular New Router

我正在使用新的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并且是一样的.我究竟做错了什么?一个非常相似的组件就像魅力一样,但事实并非如此.

angularjs angularjs-new-router

5
推荐指数
1
解决办法
948
查看次数