1

将我的应用程序更新到 angular2 到 RC4 后，我收到了这个错误。我已经LoginService 注入AppComponent 了新的webpack 启动包。

我试图AppComponent在路线中加入，但它不起作用。我也在LoginServiceindex.ts 中包含了 APP_PROVIDERS 但我遇到了另一个错误

无效的提供者 - 只允许提供者和类型的实例，得到：未定义

也放入LoginService引导程序，但没有效果。

RC4 中的 Angular2 有什么问题？组件不再在树中？

这是我的路由器“3.0.0-beta.2”路由器配置：

export const routes: RouterConfig = [
  { path: '', component: StartPageComponent },
  { path: 'login', component: StartPageComponent },
  {
    path: 'dashboard', component: 'DashboardComponent',
    canActivate: [WebpackAsyncRoute],
    children: [
      { path: '', component: 'ContentDesktopComponent' }  // must be included
    ]
  },
  { path: '**', component: NoContent }

];

而且我想为每条路线提供 LoginService 。

我的 app.component 看起来像这样：

@Component({
  selector: 'app',
  pipes: [],    
  providers: [LoginService, SearchService, TasksService],   
  directives: [RouterActive],
  encapsulation: ViewEncapsulation.None,
  styles: [
    require('!raw!normalize.css'),
    require('!raw!../assets/css/animate.css'),
    require('./app.component.scss')
  ],
  template: require('./app.component.html')
})
export class App {

  constructor(private translate: TranslateService,
    public appState: AppState) {

    Resource.map(ENDPOINTS.API.toString(), 'http://localhost:3002/api');
    let userLang = navigator.language.split('-')[0]; // use navigator lang if available
    userLang = /(fr|en)/gi.test(userLang) ? userLang : 'pl';
    translate.setDefaultLang('en');
    translate.use('pl');

  }

  ngOnInit() {

  }

}

提供者不适用于路由器...现在...在 rc4 中

登录服务：

@Injectable()
export class LoginService {

    private user: User = <User>{
        avatar_url: '/assets/img/avatars/u6.png'
    };

    constructor(private rest: Resource<ENDPOINTS, User, User[]>) {
        this.rest.add(ENDPOINTS.API, 'users');
    }
4

1 回答 1

0

您需要提供TranslateService和AppState某处，无论是在bootstrap(...)还是在@Component(..., providers: [...]

于 2016-07-22T10:40:09.157 回答