У меня есть созданный пользовательский веб-компонент, использующий элементы angular, который должен вызывать метод в главном приложении service.ts.
пользовательский элемент
@Component({
templateUrl: './sample.component.html',
styleUrls: ['./sample.component.css']
})
export class SampleComponent{
constructor(){
//here i want to call the main application's service method.
}
}
MainApplication.service.ts
@Injectable({
providedIn: 'root'
})
export class StoreService {
getData(): Observable<Model> {
return this.dataSource.asObservable();
}
}
Моя проблема в том, что я хочу вызовите getData () из пользовательского элемента. При условии, что я уже вызвал пользовательский элемент в MainApplication.component.ts. Передать некоторые данные из пользовательского элемента в родительский компонент легко, используя eventEmitters и @Output, но когда дело доходит до вызова метода службы, который может предоставить взамен некоторые данные, есть ли способ сделать это?