AngularJS依赖注入不起作用

Question

我刚刚安装了Angular 2的全新安装。 但是，当我尝试将名为TestService的服务注入这样的登录component ：

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

我究竟做错了什么？

Answer 1

在视图上，您​​应该使用Elvis Operator 。 只是为了确保test属性会在test询问。 当前，当发生初始更改检测时， test.test尝试评估视图上的绑定。 由于最初的test是不确定的，因此test.test失败。

{{ test?.test }}