angularjs chat
2.0.0
Obrolan AngularJS
Aktifkan pengalaman pesan untuk aplikasi web, iOS dan Android. Segera Hadir AngularJS dan Kerangka Terbaik Ionic, Pubnub, PhoneGap
npm install angular-chatbower install angular-chatSertakan file obrolan sudut di template Anda.
< 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' ] ) ; Untuk menggunakan AngularJS-CHAT, Anda harus mengkonfigurasi koneksi ke layanan realtime. Perpustakaan ini mencakup RLTM.JS sebagai ketergantungan yang memungkinkan Anda beralih di antara penyedia layanan realtime seperti Socket.io dan Pubnub dengan mudah. Kami merekomendasikan pengaturan dengan PubNub untuk memulai dengan cepat dan skala hingga tak terbatas.
angular . module ( 'chat' ) . constant ( 'config' , {
rltm : {
service : "pubnub" ,
config : {
"publishKey" : "demo" ,
"subscribeKey" : "demo"
}
}
} ) ; Modul obrolan memperlihatkan objek yang disebut Messages yang mencakup metode send dan 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
} ) ;
} ;
} ] ) ; Dalam pengontrol ini kami menyimpan daftar pesan di $scope.messages dan dorong pesan baru setiap kali Messages.receive() panggilan balik dipanggil.
Untuk mengirim pesan melalui internet, kami menggunakan metode Messages.send() dan melampirkannya ke `` `$ scope.send ()` `` `sehingga kami dapat memanggil ikatan ke DOM.
Kami menggunakan metode $scope.send() dan $scope.messages variabel dalam tampilan kami.
< 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 >Tetapkan beberapa identifikasi untuk pengguna ini.
Messages . user ( { id : MY_USER_ID , name : sillyname ( ) } ) ;Kirim pesan ke pengguna lain.
Messages . send ( { to : target_user_id , data : message_body } ) ;Jika Anda menginginkan ID pengguna acak yang bersifat sementara ... Anda dapat mempublikasikan daftar pengguna ke saluran "global" dan menerima setiap pengguna yang datang online.
Lihat /examples/basic/index.html untuk contoh ruang obrolan yang dapat diobrol setiap pengunjung.
Lihat /examples/support-chat/index.html cat/index.html dan /examples/support-chat/admin.html untuk contoh ruang obrolan tipe dukungan tertanam. index.html halaman.html hanya dapat mengobrol dengan pengguna di admin.html . Halaman admin.html membuat instance baru dari ruang obrolan untuk setiap pengguna baru di index.html .
