Aurelia: How to call a function outside of a user element?

Question

I have one custom element called custom-element and I put it in template A (with controller A)

export class CustomElem { @bindable onCompleted; ........ } 

And updateDescription () is one of the functions of controller A.

 export class A { updateDescription(){ .... } } 

How to call updateDescription () using a custom element?

Answer 1

Use the call bind command to give a link to a function call to your user element:

 <custom-element on-completed.call="updateDescription()"></custom-element> 

To call the updateDescription method with arguments, you can do the following:

 export class CustomElem { @bindable onCompleted; ... fooBarBaz() { var args = { something: 'A', somethingElse: 'B', anotherArg: 'C' }; this.onCompleted(args); } } 

 <custom-element on-completed.call="updateDescription(something, somethingElse, anotherArg)"></custom-element> 

Answer 2

 export class A { updateDescription = () => { }; } 

Then

 <custom-element on-completed.bind="updateDescription"></custom-element> 

inside CustomElem call this.onCompleted()