我剛安裝了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