ipcRenderer.on issue

[abhargav7]

I have successfully integrated this package and able to listen to click on menu items in angular2 components. But the issue is I cannot bind the functions properly inside it suppose I try to update some text inside the text box or change the bool value it does not work, however when I do a console.log("function is hit") it appears in electron devtoogle window, but values are not assigned.

this._ngZone.run(() => { _electronService.ipcRenderer.on('open-file', this.enableError.bind(this));
enableError()
{
console.log("function is hit");
this.something= true/false it does not work
}

[ThorstenHans]

instead of using

this._ngZone.run(() => { _electronService.ipcRenderer.on('open-file', this.enableError.bind(this));
enableError()
{
console.log("function is hit");
this.something= true/false it does not work
}

I would do

_electronService.ipcRenderer.on('open-file', this.enableError.bind(this));

enableError(){
   this._ngZone.run(()=> {
     console.log("function is hit");
     this.something= true; ///false it does not work
   });
}

I think with your implementation, the callback is not invoked inside of angular, just the submission of the ipc message runs inside of Angular. Which is also true, without ngZone

[abhargav7]

Thanks for a quick help. I tried your suggestion still facing the issue, however i also remove this._ngZone.run(()=> from all the places I still not able to execute the calls in angular, however console prints just fine.

[ThorstenHans]

console.log will work fine, because it's not related to angular at all.

if you call it like

this._electronService.ipcRenderer.on('open-file', ()=> {
    this.enableError();
});

it should work.

But if you want to update bound data in angular templates, you've to ensure ngZone is used to tell angular that the execution from outside angular has finished. in this case, setting the bound value on your component class has to be inside of ngZone...

[abhargav7]

Hmm OK, do you have some sample code to help me understand this logic better?

But if you want to update bound data in angular templates, you've to ensure ngZone is used to tell angular that the execution from outside angular has finished. in this case, setting the bound value on your component class has to be inside of ngZone...

[ThorstenHans]

during the weekendm I'll create a short example using node.js fs module. looks like you're trying to read a file from the harddisk and show something depending on the file existance or it's content, right

[abhargav7]

no actually I am trying to do a bool visibility of some control hide/unhide in angular component from electron menubar

[ThorstenHans]

ahh i see, so you are using browserWindow.webContents.send from the main proc and want the angular app to "react" 🤣 (let the angular app react :D) - sorry it's friday - on the message

[abhargav7]

👍 correct :)

[ThorstenHans]

@abhargav7 I've updated the example at https://github.com/ThorstenHans/electron-ngx-sample there is a button in the menu which toggles the notify button on the kittendetails component.

HTH 🤘

[ThorstenHans]

closing this one. @abhargav7 If you've further question feel free to open another issue