我刚安装了Angular 2
的全新安装。但是,当我尝试注入一种名为TestService
到登录component
这样的:Angularjs依赖注入不起作用
LoginComponent:
import {Component, Inject} from '@angular/core';
@Component({
selector: 'app-login',
template: `
{{ test.test }}
`,
styles: []
})
export class LoginComponent {
constructor(@Inject('test') private test){};
}
应用
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import { LoginComponent } from './login/login.component';
import {TestService} from "./test.service";
@NgModule({
declarations: [
AppComponent,
LoginComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule
],
providers: [{provide: 'test', useClass:TestService}],
bootstrap: [AppComponent]
})
export class AppModule { }
TestService的
import { Injectable } from '@angular/core';
@Injectable()
export class TestService {
test = 'test';
constructor() { }
}
我收到一个错误:
error_handler.js:47EXCEPTION: Error in ./AppComponent class AppComponent - inline template:1:25 caused by: Cannot read property 'name' of undefined
我在做什么错?
错误信息似乎与您的问题中的代码无关。你在哪里以及如何在AppComponent中使用'name'? –
谢谢你在''AppComponent'''上犯了一个错误,就像你说的。 – Jamie