When attempting to use a method of a component in another, I encountered an error message stating "No provider for xxComponent". How can this be resolved?
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 call the saveFolder() method of the FolderCreateComponent component here?
// Attempted solution:
folderCreate.saveFolder(); // Resulted in error: ERROR Error: Uncaught (in promise): Error: No provider for FolderCreateComponent!
}
What is the correct way to call the saveFolder() method of the FolderCreateComponent component within the FolderEditComponent component?