如何在angular2中从构造函数传递字符串参数或数字

Question

在typescript的angular2中，我需要按以下方式在构造函数中传递字符串参数或偶数参数：Constructor（_para：string）{}，但生成错误，调试器不断告诉我：

NoProviderError {消息：“没有字符串提供者！（应用程序->字符串）”，堆栈：“错误：DIException↵at NoProviderError.BaseExc…ularjs.org / 2.0.0-beta.8 / angular2.dev.js：11284 ：19）”

如果我删除_para：string，它将起作用.....这是plnkr中的Demoe：

http://plnkr.co/edit/t7serY3L6LtvzYc5xHtL?p=预览

and here is the code : 
//our root app component
import {Component} from 'angular2/core'

@Component({
  selector: 'my-app',
  providers: [],
  template: `
    <div>
      <h2>Hello {{name}}</h2>


    </div>
  `,
  directives: []
})
export class App {
  constructor(_para:string) {

    this.name = 'Angular2'
  }
}

Answer 1

对于由Angulars依赖项注入（DI）创建的组件，它将尝试查找提供程序，并使用构造函数参数的类型作为键来查找一个。

诸如string ， number ， boolean ， Object类的原始类型不能用作键。 如果要使用此类“通用”类型，则需要一个人工密钥。 除类型外，DI还支持字符串或OpaqueToken作为键。 对于此类人为键，您需要使用@Inject()装饰器。

bootstrap(MyApp, [provide('para': {useValue: 'Hello World!'})]);

@Component({
  selector: 'my-app',
  providers: [],
  template: `
    <div>
      <h2>Hello {{name}}</h2>


    </div>
  `,
  directives: []
})
export class App {
  constructor(@Injet('para') _para:string) {

    this.name = 'Angular2'
  }
}