angular-socket-io | Socket.IO component for AngularJS | Socket library

My client wants to have an OPs Engineer run the Node Red side of the house, but all operations support staff are to use a Single Page App (And never ever touch Node Red), so Part of me was thinking that a sample uibuilder page will create a socket, but if i have an angular app exist and that socket too exists, I can get all the data I need without hacking together code. As they keep extending the use cases, the ui builder is switching from simple screen components to lists, forms, loaders, etc in 1 endpoint, with layer, lots of inline classes, and no organization.

I have a sample UiBuilder for NodeRed called "launch" which when working through some samples has a socket I can listen to. I thought that it would be useful if i could create a different app, which also listens to this socket. For every Message recieved, if it doesnt exist in a list, it will add it to the list and hen from there we will start user stories.

I figured to implement socket in an Angular App, through a service I created. I created a simple client-server relationship with some demos found online, but I am now trying to link it to the Node Red uibuilder launch which exists.

I thought it was going to be as simple as updating the url or path but that seems to not work.

Here is a sample file I was working with: