Question

我认为我认为是角度ui-router的范围问题，但我不太确定。

angular.module('Meeting').controller('MeetingController', ['$scope', 'signalRService', '$stateParams', function ($scope, signalRService, $stateParams) {
$scope.setMeetings = function(meetings) {
    $scope.meetings = meetings.map(function(meeting) {
        return {
            id: meeting.CategoryId,
            name: meeting.MeetingName
        };
    });
    $scope.$apply();
};

$scope.connectToSignalR = function () {
    signalRService.connect();
    signalRService.registerAddMeetingsClientMethod($scope.addMeetings);
};

$scope.requestMeetings = function() {
    signalRService.requestMeetings($stateParams.departmentId);
};

$scope.connectToSignalR();

$scope.eventId = $stateParams.eventId;

}]);

基本上，我的模块注入了signalR服务，我在其上注册了一个回调来设置会议。我的视图上有一个按钮告诉signalR服务获取会议，然后调用我刚刚注册的回调。现在，所有这一切都适用于ui-router，但仅在第一次页面加载时。这是我的路由配置：

angular.module('Meeting')
.config(
    ['$stateProvider', '$urlRouterProvider',
        function($stateProvider, $urlRouterProvider) {

            $stateProvider                   
                .state("meeting",
                    {
                        url: "/meeting/:departmentId/",
                        templateUrl: '/home/meetingPage',
                        controller: "MeetingController"
                    })
                .state("meeting.members",
                    {
                        url: "/members/",
                        templateUrl: "/home/memberspage",
                        controller: "MeetingMemberController"
                    })                   
                .state("meeting.edit", {
                        url: "/meetingedit",
                        views: {
                            'meetingtime': {
                                templateUrl: '/home/timepage',
                                controller: 'MeetingTimeController'
                            },
                            'location': {
                                templateUrl: '/home/locationpage',
                                controller: 'MeetingLocationController'
                            }
                        }
                    });
        }]);

当我加载会议状态（即mysite / meeting / 3）时，将调用所有signalR方法，填充MeetingController中的会议模型，并在视图中显示数据。
当我导航到另一个状态（即mysite / meeting / 4）时，仍会调用signalR方法，并填充会议模型，但之后就会消失。如果我用F5手动刷新页面，它会再次开始工作，但导航到另一个页面会停止一切正常工作。

我认为这是一个范围问题，因为当我导航到另一个页面时，会议对象仍然会从上一页填充。

Answer 1

我使用singleton signalR服务注册回调的方式变得非常繁琐，并且与ui-router的配合效果不佳，正如我发现的那样。

我转而使用承诺，一切都更加优雅。基本上，我在我的signalR hub上有一个方法，它返回我想要的对象：

public List<Meeting> GetMeetingsForMember(int memberId)
    {
        return  _meetingRepository.GetAllUpcomingMeetingsForMember(int memberId);
    }

然后，在我的控制器中，我创建一个承诺，并将其传递给我的signalR服务以便解决：

var deferred = $q.defer();
deferred.promise.then(
    function (meetings) {
        setMeetings(meetings);
    }
);
signalRService.getMeetingsForMember(memberId, deferred);

我的signalR服务上的getMeetingsForMember方法接受了promise并解析了它：

getMeetingsForMember = function (memberId, deferred) {
    deferred.resolve(signalRService.hub.server.getMeetingsForMember(memberId));
}

AngularJS UI-Router范围问题

1 个答案: