angularjs chat下载angularjs chat源代码下载

angularjs chat

Ai源码

2.0.0

下载

Angularjs聊天

Angularjs聊天

启用网络，iOS和Android应用程序的消息经验。即将推出Angularjs和最佳框架Ionic，PubNub，Phonegap

NPM安装

npm install angular-chat

鲍尔安装

bower install angular-chat

包括文件

在模板中包括角聊天文件。

 < script src =" bower_components/angular/angular.js " > </ script >
< script src =" bower_components/rltm/web/rltm.js " > </ script >
< script src =" bower_components/angular-chat/angular-chat.js " > </ script >

包括角模块

 var chat = angular . module ( 'BasicChat' , [ 'chat' ] ) ;

配置

为了使用AngularJs-Chat，您必须配置与实时服务的连接。该库包含rltm.js作为依赖项，可让您轻松地在socket.io和pubnub等实时服务提供商之间切换。我们建议使用PubNub建立以快速入门并扩展到无穷大。

 angular . module ( 'chat' ) . constant ( 'config' , {
    rltm : {
        service : "pubnub" ,
        config : {
            "publishKey" : "demo" ,
            "subscribeKey" : "demo"
        }
    }
} ) ;

示例控制器

聊天模块公开了一个称为Messages的对象，其中包括send和receive方法。

 chat . controller ( 'chat' , [ 'Messages' , '$scope' , function ( Messages , $scope ) {
    // Message Inbox
    $scope . messages = [ ] ;
    // Receive Messages
    Messages . receive ( function ( message ) {
        $scope . messages . push ( message ) ;
    } ) ;
    // Send Messages
    $scope . send = function ( ) {
        Messages . send ( { 
            data : $scope . textbox 
        } ) ;
    } ;
} ] ) ;

在此控制器中，我们在$scope.messages中保留消息的列表，并每次调用Messages.receive()时都会按下新消息。

要通过Internet发送消息，我们使用Messages.send()方法，然后将其附加到``$ scope.send（）````````````````````````````````````````````````

创建您的视图

在我们看来，我们使用$scope.send()方法和$scope.messages变量。

 < div ng-app =" BasicChat " >
    < div ng-controller =" chat " >
        < div ng-repeat =" message in messages " >
            < strong > {{message.user.name}}: </ strong >
            < span > {{message.data}} </ span >
        </ div >
        < form ng-submit =" send() " >
            < input ng-model =" textbox " >
        </ form >
    </ div >
</ div >

设置用户ID

为此用户设置一些标识。

 Messages . user ( { id : MY_USER_ID , name : sillyname ( ) } ) ;

发送给用户

向另一个用户发送消息。

 Messages . send ( { to : target_user_id , data : message_body } ) ;

如果您想要瞬态的随机用户ID ...您可以将用户列表发布到“全局”频道，并接收到上网的每个用户。

基本示例

请访问/examples/basic/index.html ，以获取每个访客可以聊天的聊天室的示例。

支持台（许多）示例

请访问/examples/support-chat/index.html和/examples/support-chat/admin.html ，以获取嵌入式支持类型聊天室的示例。页面index.html只能在admin.html上与用户聊天。该页面admin.html为index.html上的每个新用户创建一个聊天室的新实例。