コンポーネントの呼び出し方法角2/4

Question

他のコンポーネントのメソッドを使用しようとしましたが、xxComponentのNo providerのようなエラーが発生しました。 どうすればいいですか？

import { FoldersService } from '../../_services/folders.service'; 
import { Component, OnInit, ViewChild } from '@angular/core'; 

@Component({ 
    selector: 'app-folder-create', 
    templateUrl: './folder-create.component.html', 
}) 
export class FolderCreateComponent implements OnInit { 
    constructor(
    private http: Http, 
    private folderService: FoldersService, 
) { } 

    ngOnInit() { } 

    saveFolder() { 

    } 
} 

-- Class FolderEditComponent 
    import { FolderCreateComponent } from '../folder-create/folder-create.component'; 
@Component({ 
    selector: 'app-folder-edit', 
    templateUrl: './folder-edit.component.html', 
    styleUrls: ['./folder-edit.component.css'], 
}) 
export class FolderEditComponent implements OnInit { 
    constructor(
    private http: Http, 
    private folderService: FoldersService, 
    private folderCreate: FolderCreateComponent 
) { } 

    ngOnInit() { } 

    // How can I do here for calling method saveFolder() of the component FolderCreateComponent 

    // I try this : 
    folderCreate.saveFolder(); // But I got error : ERROR Error: Uncaught (in promise): Error: No provider for FolderCreateComponent! 

} 

コンポーネントFolderEditComponentのコンポーネントFolderCreateComponentのメソッドsaveFolder（）を呼び出すにはどうすればよいですか？

あなたのコンポーネント内で使用されるプロバイダにあなたのサービスを追加する必要があり

Answer 1

ケース1のために、以下に示すよう

import {FolderCreateComponent} from 'path/to/component'; 

export class FolderEditComponent implements OnInit { 

    constructor(private folderCreate: FolderCreateComponent) { 
    } 

    foo() { this.folderCreate.saveFolder(); } 
} 

Answer 2

：また

@Component({ 
    selector: 'app-folder-create', 
    templateUrl: './folder-create.component.html', 
    providers: [FoldersService] 
}) 

あなたはまた、別の内部コンポーネントを使用するためにはimport {FooComponent} from '/path/to/foo.component';でコンポーネントをインポートする必要があります。

編集：FolderCreateComponent

import { FoldersService } from '../../_services/folders.service'; 
import { Component, OnInit, ViewChild } from '@angular/core'; 
import { Http, Response } from '@angular/http'; 

@Component({ 
    selector: 'app-folder-create', 
    templateUrl: './folder-create.component.html', 
    providers: [FoldersService] 
}) 
export class FolderCreateComponent implements OnInit { 
    constructor(
    private http: Http, 
    private folderService: FoldersService, 
) { } 

    ngOnInit() { } 

    saveFolder() { 

    } 
} 

Answer 3

は、プロバイダを追加 - あなたは子コンポーネントのメソッドにアクセスしたいときは、親コンポーネントに -

@ViewChild(ChildComponent) childComponent: ChildComponent; 

childComponent.methodName(); 

ケース2 - 子供から親メソッドにアクセスしたい場合 -

コンストラクタ（@Inject（forwardRef（（）=> parentComponentに））プライベート_parent：parentComponentに）{}

だけthis._parent.methodName()