2016-09-15 4 views
2

У меня есть внешний модуль, и я хочу, чтобы включить связь с основным приложением вызывающего (с приложением) функцию на CustomModuleInterfaceService:Угловое 2 Модуль связи

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; import {CustomModuleInterfaceService} from './services/custom.module.interface.service'; 
import {HttpModule} from "@angular/http"; 
import { CustomModuleComponent} from './custom.module.component'; 

@NgModule({ 
    imports: [BrowserModule, HttpModule], 
    providers: [CustomModuleInterfaceService], 
    declarations: [CustomModuleComponent], 
    exports: [CustomModuleComponent] 
}) 

export class CustomModule { } 

Я импортировал свой CustomModule в приложении:

@NgModule({ 
    imports: [ 
    BrowserModule, 
    routing, 
    HttpModule, 
    CustomModule 
    ], 
    declarations: [ 
    AppComponent 
    ], 
    providers: [ 
    { provide: ErrorHandler, useClass: LogService } 
    ], 
    bootstrap: [AppComponent] 
}) 

export class AppModule { } 

в моей AppComponent я хочу вызвать функцию CustomModuleInterfaceService, но он не работает:

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

@Component({ 
    selector: 'main-app', 
    template: `<router-outlet></router-outlet>` 
}) 

export class AppComponent { 
    private interfaceService : CustomModuleInterfaceService; 

    constructor (_interface:CustomModuleInterfaceService) { 
    this.interfaceService = _interface; 
    //MyFunction is defined in CustomModuleInterfaceService 
    this.interfaceService.MyFunction(); 
    } 
} 

Спасибо заранее.

+1

Пожалуйста, не используйте отрезковую функцию, когда код не является фактически исполняемым встроенным. Вместо этого используйте кнопку панели инструментов [{}] '. –

ответ

0

Ваш код, похоже, работает на меня с базовым сервисом. Проблема может быть обнаружена в службе, которую вы пытаетесь ввести. Не могли бы вы показать код службы? Имейте в виду, что инъекция «интерфейса» подробно описана в официальной документации: https://angular.io/docs/ts/latest/guide/dependency-injection.html#dependency-injection-tokens

Смежные вопросы