AngularJS Chat
AngularJS Chat
Enable messaging experiences for Web, iOS and Android apps.
Coming Soon AngularJS and the best frameworks Ionic, PubNub, PhoneGap

NPM Install
npm install angular-chat
Bower Install
bower install angular-chat
PubNub API Keys
Get PubNub API Keys
You need PubNub API Keys.
This allows the chat communication on a data stream network.
You can fill in the YOUR-PUBLISH-KEY
and YOUR-SUBSCRIBE-KEY
placeholder strings with your
API keys that you get on the PubNub website.
Basic Chat Demo
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-chat/angular-chat.js"></script>
<script>
angular.module('chat').constant( 'config', {
"pubnub": {
"publish-key" : "YOUR-PUBLISH-KEY",
"subscribe-key" : "YOUR-SUBSCRIBE-KEY"
}
} );
</script>
<script>
var chat = angular.module( 'BasicChat', ['chat'] );
chat.controller( 'chat', [ 'Messages', '$scope', function( Messages, $scope ) {
$scope.messages = [];
Messages.receive(function(message){
$scope.messages.push(message);
});
$scope.send = function() {
Messages.send({ data : $scope.textbox });
};
} ] );
</script>
<div ng-app="BasicChat">
<div ng-controller="chat">
<div ng-repeat="message in messages">
{{ message.user.name }}:
{{ message.data }}
</div>
<form ng-submit="send()">
<input ng-model="textbox">
</form>
</div>
</div>
AngularJS Chat Resources