Communication between Angular2 and Flex

Question

How can I do to make a communication between flex (swf) application and angular2 application?

I know how to do with js and flex but I don't see how flex can find a angular2 method.

With JS : just need method like :

function flexUp() {
    console.log('Flex Up');
}

and in flex, call the JS method :

ExternalInterface.call("flexUp");

I'm newbie in the JS/Angular2 world.

score 2 · Accepted Answer · edited May 23 '17 at 12:32

2

You can fire events in flex and listen to them in Angular Angular 2 - communication of typescript functions with external js libraries

or make methods from Angular components, directives, or services globally known like explained in Angular2 - how to call component function from outside the app

edited May 23 '17 at 12:32

Community

1
1

answered May 11 '16 at 10:20

Günter Zöchbauer

623,577
216
2,003
1,567

Thanks. It's helpfull!! – BokC May 11 '16 at 14:05

BokC · Answer 2 · 2016-05-12T07:07:24.573

The good code :

In flex :

ExternalInterface.call("window.angularFlexComponent.initFlex");

In Angular2 :

In flex.d.ts :

interface Window {
    angularFlexComponent: any;
}

In flex.components.ts :

import {Component, NgZone, OnDestroy} from '@angular/core';
@Component({
    selector: 'flex',
    templateUrl: 'app/components/flex/flex.html'
})
export class FlexComponent implements OnDestroy {
    constructor(private _ngZone: NgZone) {
        window.angularFlexComponent = { initFlex: this.initFlex.bind(this), zone: _ngZone };
    }
    initFlex(): void {
        console.log('Artemis Flex Up');
    }
    ngOnDestroy() {
        window.angularFlexComponent = null;
    }
}

Communication between Angular2 and Flex

2 Answers2