Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular – 从另一个组件调用组件中的函数大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在Angular2中,假设我有component1(使用它作为左面板导航器)和component2.这两个组件彼此不相关(兄弟,父和子,……).
如何从component2调用component1中的函数
我不能在这里使用事件绑定.
共享服务是非相关组件之间通信的常用方式.
您的组件需要 use a single instance of the service,因此请确保它在根级别提供.

共享服务:

@Injectable()
export class Sharedservice {

    componentOneFn: Function;

    constructor() { }
}

第一部分:

export class ComponentOne {

    name: String = 'Component one';

    constructor(private sharedservice: SharedservicE) {
        this.sharedservice.componentOneFn = this.sayHello;
    }

    sayHello(callerName: String): void {
        console.log(`Hello from ${this.namE}. ${CallerNamE} just called me!`);
    }
}

第二部分:

export class ComponentTwo {

    name: String = 'Component two';

    constructor(private sharedservice: SharedservicE) {
        if(this.sharedservice.componentOneFn) {
            this.sharedservice.componentOneFn(this.Name); 
            // => Hello from Component one. Component two just called me!
        }
    }
}

这篇文章也许有帮助:Angular 2 Interaction between components using a service

大佬总结

以上是大佬教程为你收集整理的angular – 从另一个组件调用组件中的函数全部内容,希望文章能够帮你解决angular – 从另一个组件调用组件中的函数所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。