Skip to content

WebSocket log viewer UI example with AngularJS

Jump to bottom Edit New page
Val edited this page Jul 25, 2015 · 3 revisions

AngularJS Log viewer

ng-websocket-log-viewer is a practical example of a websocket log viewer using AngularJS.

The code is encapsulated in a directive, and the communication with it is done through messaging using $broadcast and $on in the wrapping controller.

For example:

<body ng-app="nglog-websockeet-demo" ng-controller="logController">
     ...
     <websocket-log-viewer id="log-container"></websocket-log-viewer>
</body>

logController would be responsible of subscribing to events from and sending commands to the directive. There is an object serviced through dependency injection named websocketLogConstants that contains the names of the events and commands.

TODO:

Messaging

Commands

Events

Add a custom footer
Add a custom sidebar
Clone this wiki locally