angular-websocket.js 使用
2024-10-21 03:36:34
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../折叠菜单插件/3/js/jquery-1.7.2.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script src="//cdn.bootcss.com/angular-websocket/2.0.1/angular-websocket.js"></script>
</head>
<body> <div ng-app="myApp" ng-controller="customersCtrl"> <!--<table>-->
<!--<tr ng-repeat="x in names">-->
<!--<td>{{ x.Name }}</td>-->
<!--<td>{{ x.Country }}</td>-->
<!--</tr>-->
<!--</table>-->
<ul ng-repeat="data in MyData.collection track by $index" >
<li> {{ data }} </li>
</ul>
</div> <script>
var app = angular.module('myApp', ['ngWebSocket'])
.factory('MyData', function ($websocket) {
// Open a WebSocket connection
var dataStream = $websocket('ws://118.145.23.94/rwservice'); var collection = []; dataStream.onMessage(function (message) {
collection.push(JSON.parse(message.data).data.desp);
}); var methods = {
collection: collection,
get: function () {
dataStream.send(JSON.stringify({action: 'get'}));
}
}; return methods;
})
.controller('customersCtrl', function ($scope, MyData) {
$scope.MyData = MyData;
});
; </script> </body>
</html>
最新文章
- ckedit 图片上传 php
- Ubuntu上安装ns2-2.34
- Qt Style Sheets Examples(官方例子目录,很全)
- js中数组的检测方法
- 菜鸟的jQuery源码学习笔记(二)
- jQuery(expression, [context]) , $(即jQuery)的參数问题
- 经典排序算法 - 高速排序Quick sort
- C#放缩、截取、合并图片并生成高质量新图的类
- 第六章:3D向量类
- 【Android Developers Training】 69. 视图切换的淡入淡出效果
- ubuntu 15.10 安装jdk
- 清除 x-code 缓存
- 【.NET Core项目实战-统一认证平台】第七章 网关篇-自定义客户端限流
- tomcat和iis共用80端口的简明手册
- Visio画图--我的形状
- jquery改变字符串中部分字符的颜色
- analyse web.xml of hello1
- 反射中,Class.forName 和 classloader 的区别
- Win10 新功能 改变显示器色彩
- 【C#】允许泛型方法<;T>;返回空值Null