How I can make a function Global in Aurelia

Question

Here is a scenario. I want to access Aurelia function, outside the Aurelia Application. Like while running my application if I call a method "GetNotification(string Message)" through browser Console, then it should get called.

The reason is that my Aurelia Application will run in a .Net Application browser. So I want to communicate between my native application(.Net) and Aurelia application. As in .Net browser control, we can call any Javascript function. But I am unable to call Aurelia Function, as it is not exposed externally.

Too vague. What's your Aurelia function. What is it doing? – Matthew James Davis Nov 22 '19 at 14:39 — Matthew James Davis, Nov 22 '19 at 14:39

rkever · Accepted Answer · 2019-11-23T02:00:27.640

I wouldn't recommend exposing your methods directly to global namespace. What you could do would be to register a custom event handler from within your viewmodel class and then trigger it from the .net site like ...

// ViewModel within aurelia
export class MyViewModel {
    attached(){
        document.body.addEventListener('custom-event', event => {
            this.myViewModelMethod(event.detail); // just keep in mind the scope
        }, false);
    }

    myViewModelMethod(data) {
        console.log('data', data);
    }
}

// .NET (outside the aurelia app)
// keep in mind CustomEvent is supported by most browsers but for IE it's only IE11
// see: https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent
document.body.dispatchEvent(new CustomEvent('custom-event', { 
    detail: {
        myData: {
           prop1:'prop1'
        }
    }
}));

Definitely one of the better strategies! – Matthew James Davis Nov 23 '19 at 12:52 — Matthew James Davis, Nov 23 '19 at 12:52

How I can make a function Global in Aurelia

1 Answers1