两个组件之间的函数调用angular js

Question

我需要在两个组件之间调用函数。
这只是示例

const {Translate} = require('@google-cloud/translate');

const projectId = 'YOUR_PROJECT_ID';

const translate = new Translate({   projectId: projectId, });

const text = 'Hello, world!'; 

const target = 'ru';

translate   
    .translate(text, target)   .then(results => {
      const translation = results[0];
      console.log(`Text: ${text}`);
      console.log(`Translation: ${translation}`);   
    })   
    .catch(err => {
      console.error('ERROR:', err);   
    });

我需要使用@Component({ selector: 'app-confirmation-dialog', templateUrl: 'confirmation-dialog.html', }) export class ConfirmationDialog { clickme() { alert("hi") } } @Component({ selector: 'app-summary', templateUrl: './summary.component.html', styleUrls: ['./summary.component.scss'], }) export class ConfirmationDialog { clickme2() { clickme(); } } 函数获得'hi'警报。

Answer 1

如果具有父子关系或 Event Emitters ，或者使用ngrx，则可以使用 Shared Services 从其他组件中调用另一组件的方法redux模式