【发布时间】:2015-07-15 17:43:29
【问题描述】:
我是 AngularJs 和 nodejs 的新手,我有一个简单的聊天应用程序,其中 angular 作为客户端,socketio 作为服务器端。加载角度页面时出现错误
Error: [$injector:unpr] Unknown provider: socketProvider <- socket <- LogCtrl
我的客户端
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-route.min.js"></script>
<script src="http://localhost:1337/socket.io/socket.io.js"></script>
<script type="application/javascript">
socket = io.connect('http://localhost:1337/');
angular.module('Log',['ngRoute'])
.controller('LogCtrl',['$scope','socket','$location', function($scope,socket,$location){
console.log('ok baby !!');
$scope.addUser = function(){
socket.emit('init',$scope.user);
$location.path("/view/index.html");
};
}]);
</script>
<body ng-app = "Log" >
<div class=" main" ng-controller = "LogCtrl" style = "width: 300px; ">
<fieldset>
<form ng-submit = "addUser()">
<h2 >Hello!!</h2>
<input ng-model = "user" required style = "width: 200px; " placeholder = "Nhập tên của bạn" >
<input type = "submit" value = "OK">
</form>
</fieldset>
</div>
请帮我看看我的客户出了什么问题
我尝试通过添加一些代码来重定向到 index.html
.config(['$routeProvider','$locationProvider', function($routeProvider,$locationProvider){
$routeProvider.
when('/main', {
templateUrl: 'view/index.html',
controller: 'ChatCtrl'
})
$locationProvider.html5Mode({
enabled: true,
requireBase: false
});
}])
.controller('LogCtrl',['$scope','$location', function($scope,$location){
console.log('ok baby !!');
$scope.addUser = function(){
socket.emit('init',$scope.user);
$location.path("/main");
};
}]);
但它不起作用,总是重新加载那一边(log.html)
【问题讨论】:
标签: angularjs node.js socket.io