signalrは

Question

はここにバックエンドでの私のsignalrピースであるソリューションangularjs + asp.netウェブAPIで作業していない

public class ChatHub : Hub 
    { 
     public void AddMessage(string userName, string message) 
     { 

      Clients.All.receivedNewMessage(userName, message); 
     } 
    } 

とフロントエンドの

app.controller('chatController', ['$scope', function ($scope) { 

     var _message = function(id, message, username, date) 
     { 
      // this.id = id; 
      this.message = message; 
      this.username = username; 
      // this.date = date; 

     } 

    $scope.username = "test"; 
    $scope.message = ""; 

    $scope.messages = []; 

     //auto proxy start 
    $.connection.hub.url = "http://localhost:*****/signalr/"; 
    var myChatHub = $.connection.chatHub; 
    $.connection.hub.logging = true; 



    myChatHub.client.receivedNewMessage = function (username, message) { 
     var newMessage = new _message(name, message); 
      $scope.messages.push(_message); 
      $scope.$apply(); 

     }; 


    $.connection.hub.start().done(function() { 

     $scope.addMessage = function() { 
      myChatHub.server.addMessage($scope.username, $scope.message); 
     }; 

    }); 

}]); 

と私が使用し

<script src="scripts/jquery-3.1.0.js"></script> 
    <script src="scripts/jquery.signalR-2.2.1.min.js"></script> 
    <script src="http://localhost:*****/signalr/hubs"></script> 

LIBSクロムのウェブツールは、すべてが私にはうまく見えた。私はJSのデバッグとjquery.signalR-2.2.1.min.jsにそれは私を示した：

SignalR: Connection must be started before data can be sent. Call .start() before .send()

を、私は修正する方法がわからない、それ

Answer 1

変更：

$.connection.hub.start().done(function() { 
    $scope.addMessage = function() { 
    myChatHub.server.addMessage($scope.username, $scope.message); 
    }; 
}); 

へ：

$scope.addMessage = function() { 
    myChatHub.server.addMessage($scope.username, $scope.message); 
}; 

$.connection.hub.start().done(function() { 
$scope.addMessage($scope.username, $scope.message); 
}); 

関数宣言はstart().doneコンテキスト内に存在するべきではありません。