我使用SignalR爲我的應用程序,它與簡單的JavaScript工作,但現在我試圖重寫它與角包裝https://github.com/JustMaier/angular-signalr-hub,但我遇到了錯誤,同時試圖連接到我的集線器:SignalR和AngularJS
Error: SignalR: Connection must be started before data can be sent. Call .start() before .send()
at Object.signalR.fn.signalR.send (http://localhost:47124/Scripts/jquery.signalR-2.1.1.js:789:23)
at Object.hubProxy.fn.hubProxy.invoke (http://localhost:47124/Scripts/jquery.signalR-2.1.1.js:2609:24)
at Hub.invoke (http://localhost:47124/Scripts/angular-signalr-hub.js:30:28)
at Hub.(anonymous function) [as loadRecentPhotos] (http://localhost:47124/Scripts/angular-signalr-hub.js:49:24)
at Object.PhotoMarkers.load (http://localhost:47124/Scripts/AngApp.js:47:17)
at http://localhost:47124/Scripts/angular.js:10836:21
at Scope.$eval (http://localhost:47124/Scripts/angular.js:12673:28)
at pre (http://localhost:47124/Scripts/angular.js:19943:15)
at nodeLinkFn (http://localhost:47124/Scripts/angular.js:6684:13)
at compositeLinkFn (http://localhost:47124/Scripts/angular.js:6098:13) <div class="modal-body" ng-init="markers.load()">
這裏是我的代碼:
angular.module('FlickrMaps', ['SignalR'])
.factory('PhotoMarkers', ['$rootScope', 'Hub', function ($rootScope, Hub) {
var PhotoMarkers = this;
//Hub setup
var hub = new Hub('photos', {
listeners: {
'addTotalPhotosCount': function (total) {
PhotoMarkers.totalCount = total;
$rootScope.$apply();
},
'initPhotoMarker': function (photo) {
var photolocation = new window.google.maps.LatLng(photo.Latitude, photo.Longitude);
PhotoMarkers.all.push(new window.google.maps.Marker({
position: photolocation,
title: photo.Title,
photoThumb: photo.PhotoThumbScr,
photoOriginal: photo.PhotoOriginalScr
}));
$rootScope.$apply();
},
'photosProcessed': function() {
PhotoMarkers.processedPhotosCount++;
$rootScope.$apply();
},
},
methods: ['loadRecentPhotos'],
errorHandler: function (error) {
console.error(error);
}
});
//Variables
PhotoMarkers.all = [];
PhotoMarkers.processedPhotosCount = 0;
PhotoMarkers.totalCount = 0;
//Methods
PhotoMarkers.load = function() {
$('#myModal').modal({
backdrop: 'static',
keyboard: false
});
hub.loadRecentPhotos();
};
return PhotoMarkers;
}])
.controller('MapController', ['$scope', 'PhotoMarkers', function ($scope, PhotoMarkers) {
$scope.markers = PhotoMarkers;
}])
有誰與熟嗎?
以及錯誤信息SA ys叫'開始'。你嘗試過嗎? – 2014-09-11 12:31:42
此包裝(角服務)的想法https://github.com/JustMaier/angular-signalr-hub,正如我undersand,是控制集線器起始和轂聽衆和在客戶端方法簡化declaretion。 – 2014-09-11 12:36:41
這不是ralated到signalr但爲什麼你使用jQuery模式,嘗試使用angularJS指令做這件事http://angular-ui.github.io/bootstrap/ – 2014-09-11 13:38:25