Skip to content

Instantly share code, notes, and snippets.

Last active March 10, 2017 19:46
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
PubNub Financial Data w/ Xignite UI
<!doctype html>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<link rel="stylesheet" href="//" />
<link rel="stylesheet" href="" />
<div class="container" ng-app="PubNubAngularApp" ng-controller="MyFinCtrl">
NOTE: make sure to update the PubNub keys below with your keys,
and ensure that the financial data BLOCK is configured properly!
<h3>MyCurrency Exchange Rates</h3>
Exchange Rates from / to
<select ng-model="currencyOrigin">
<option value="USD">USD</option>
<option value="GBP">GBP</option>
<option value="EUR">EUR</option>
<select ng-model="currencyDestination">
<option value="USD">USD</option>
<option value="GBP">GBP</option>
<option value="EUR">EUR</option>
<input type="submit" ng-click="publish()" value="check!" />
<br /><br />
<li ng-repeat="message in messages track by $index">
Source: {{message.currencyOrigin}}
<br />
Destination: {{message.currencyDestination}}
<br />
Quote: {{message.quote.Text}}
angular.module('PubNubAngularApp', ["pubnub.angular.service"])
.controller('MyFinCtrl', function($rootScope, $scope, Pubnub) {
$scope.messages = [];
$ = 'xignite-channel';
if (!$rootScope.initialized) {
publishKey: 'YOUR_PUB_KEY',
subscribeKey: 'YOUR_SUB_KEY',
$rootScope.initialized = true;
var msgCallback = function(payload) {
$scope.$apply(function() {
$scope.publish = function() {
channel: $,
message: {currencyOrigin:$scope.currencyOrigin, currencyDestination:$scope.currencyDestination}
Pubnub.subscribe({ channels: [$] });
Pubnub.addListener({ message: msgCallback });
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment