javascript - Angular 2从comp1的html调用另一个组件(Comp2)中的函数

标签 javascript angular typescript angularjs-directive

--- 组件 1---------------

<div>
<li><a href="#" (click)="getFactsCount()"> Instance 2 </a></li>

但是,getFactsCount() 的实现是在另一个组件中。我应该使用@output/发射器还是其他东西? ----组件2------------

@component({
selector:'comp2'
templateUrl:'comp2.html'
})
export class Component2 implements OnInit{
getFactsCount(){

console.log("Function inside component2");

}
}

最佳答案

正确方法:您应该使用 angular serviceevent emitter .

回答你的问题:在你的组件 2 中调用组件 1 函数,如下所示:

let comp = new Component1();
let count = comp.getFactsCount();

关于javascript - Angular 2从comp1的html调用另一个组件(Comp2)中的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46405627/

相关文章:

angular - Angular 2(4.0.0)Dart变压器不起作用-不支持的操作:需要使用 'angular2'变压器

javascript - 如何使用类型缺少调用或构造签名的表达式解析 ' error TS2351: Cannot use ' new'?

javascript - Typescript 私有(private) setter 公共(public) getter 约定

javascript - Sequelize - Node Js - 枚举和整数字段搜索选项

javascript - Angular 11 Electron IPC 通信 'send' 未定义

javascript - 在类内和类外定义 JavaScript 函数

javascript - 无法绑定(bind)到 'disabled',因为它不是 '<button>' 的已知属性

reactjs - React Storybook 在 args 中传递函数

javascript - 多个翻转图像

c# - 在 ABC pdf 中渲染 pdf 之前让 Javascript 完成