Ионные/Угловое 2 Dependency Injection Не работает Согласно Pattern

Question

Я после зависимостей шаблон впрыска от: http://devdocs.io/angular~2_typescript/cookbook/dependency-injection

Мой код выглядит следующим образом:

MyService.ts

import { Injectable } from '@angular/core'; 

@Injectable() 
export class MyService {} 

приложение .component.ts

import { Component, ViewChild } from '@angular/core'; 
import { MyService } from '../services/MyService'; 

@Component({ 
    templateUrl: 'app.html', 
    providers: [MyService] 
}) 

export class MyApp {} 

MyComponent.ts

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'theComponent', 
    templateUrl: 'theComponent.html' 
}) 
export class thisComponent { 
    constructor(private thisService: MyService) {} 

Я получаю следующее сообщение об ошибке: Не удается найти имя 'MyService'.

Я уже проверил, чтобы убедиться, что «emitDecoratorMetadata»: правда

Я также попытался общественность, частной и кончил дополнительное discriptor общественности/частную и я получаю ту же ошибку каждый раз.

Answer 1

import В ваши файлы классов вы можете использовать экспортированные определения из другого файла/модуля. Вам нужно импортировать класс в каждый файл, который использует это определение класса.

Так thisComponent.ts, вам необходимо включить

import { MyService } from './path/to/services/MyService';

Смотрите https://github.com/Microsoft/TypeScript/blob/master/doc/spec.md#11.3.2 для получения дополнительной информации о том, что это делает в машинописном

Это отличается от импортных свойств модулей в Angular2, которые относятся к цепям зависимостей и форсункам.