angular 2 让 plunker 工作

Question

嗨，我想输入一个 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 Error: (SystemJS) ReferenceError: TestService is not defined at eval (http://run.plnkr.co/BSJ1Mhu8FJ6lsnSD/src/app.ts!transpiled:46:37) at execute (http://run.plnkr.co/BSJ1Mhu8FJ6lsnSD/src/app.ts!transpiled:51:14) Error loading http://run.plnkr.co/BSJ1Mhu8FJ6lsnSD/src/main.ts

Here's the plunk

Answer 1

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

从'./service.ts'

导入{TestSerivceTestService}