angular 2 让 plunker 开始工作答案

【问题标题】：angular 2 getting plunker to workangular 2 让 plunker 开始工作
【发布时间】：2016-09-01 21:36:01
【问题描述】：

您好，我想输入一个 Angular 2 plunk，但我已经因为尝试提供服务而陷入困境......

我在 ngModule 下添加了 TestSerivce

@NgModule({
  imports: [ BrowserModule ],
  declarations: [ App ],
  bootstrap: [ App ],
  providers: [TestService]
})

这里是服务

@Injectable()

export class TestService{
  constructor(){
    console.log('Service')  
  }

}

应该是 RC5 并抛出以下错误

zone.js:323 错误: (SystemJS) ReferenceError: TestService is not 定义在评估 (http://run.plnkr.co/BSJ1Mhu8FJ6lsnSD/src/app.ts!transpiled:46:37) 执行时 (http://run.plnkr.co/BSJ1Mhu8FJ6lsnSD/src/app.ts!transpiled:51:14) 加载时出错http://run.plnkr.co/BSJ1Mhu8FJ6lsnSD/src/main.ts

Here's the plunk

【问题讨论】：

标签： angular angular2-services plunker

【解决方案1】：

您的 app.ts 模块中有错字，应该是 TestService，而不是 TestSerivce：

import { ~~TestSerivce~~ TestService } from './service.ts'

【讨论】：