angular和socket.io-错误的代码结构
[英]angular and socket.io - wrong code structure
问题描述
我对Node / Angular / ..很陌生，并尝试了这个简单的脚本。 但这行不通，怎么了？
我总是收到错误消息：[ng：areq] http://errors.angularjs.org/1.3.0/ng/areq?p0=rCtlr&p1=not%20a%20function%2C%20got%20undefined
<!DOCTYPE html>
<html ng-app>
<head lang="en">
<meta charset="UTF-8">
<title>test</title>
<script src="lib/angular/1.3.0/angular.min.js"></script>
<script src="lib/socket.io/1.2.0/socket.io.js"></script>
</head>
<body ng-controller="rCtlr">
<h1>{{xTime}}</h1>
<script>
function rCtlr($scope){
var socket = io.connect();
socket.on('updateTime', function (data) {
$scope.xTime = data.updateTime;
console.log(data);
});
}
</script>
</body>
</html>
如果没有Angular，它可以正常工作，我想函数范围有问题吗？ 感谢帮助！
2 个解决方案
解决方案1
0 已采纳 2014-11-21 14:14:52
要使其正常工作，您应该：1）在ng-app中添加名称：
<html ng-app="myapp"> //myapp is an example name
2）然后，您可以定义角度模块和控制器，如下所示：
angular.module("myapp",[]) // define module with name from ng-app
.controller('rCtlr',['$scope', function($scope){ //define controller for your module
var socket = io.connect();
socket.on('updateTime', function (data) {
$scope.xTime = data.updateTime;
console.log(data);
});
}]);
或者（执行相同）：
var app = angular.module("myapp",[]);
app.controller('rCtlr',['$scope', function($scope){
//controller body
}]);
PS。 没关系，但是控制器的名称应该是“ rCtrl”而不是“ rCtlr”
这是对角度文档的引用： https ://docs.angularjs.org/guide/controller
解决方案2
0 2014-11-21 16:27:10
更新，感谢MarkS：但是..请参阅对Mark答案的评论
<!DOCTYPE html>
<html >
<head lang="en">
<meta charset="UTF-8">
<title>AngularSocket</title>
<script src="lib/angular/1.3.0/angular.min.js" type="text/javascript"></script>
<script src="lib/socket.io/1.2.0/socket.io.js" type="text/javascript"></script>
<script src="app.js" type="text/javascript"></script>
</head>
<body data-ng-app="angApp">
<div data-ng-controller="timeCtrl">
<h1>{{xTime}}</h1>
</div>
</body>
</html>
app.js：
angular
.module('angApp', [])
.controller('timeCtrl', ['$scope', function($scope) {
var socket = io.connect();
socket.on('updateTime', function (data) {
$scope.xTime = data.updateTime;
console.log(data);
});
}]);
带角的Socket.io
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.