Question

有没有办法在Angular中刷新控制器？请考虑以下示例：

<div ng-controller="MsgCtrl" ng-repeat="m in messages">{{m}}<br></div>
<script>
var ws = new WebSocket(something, something);
function MsgCtrl($scope) {
    $scope.messages = [];
    ws.onmessage = function(e) {
        $scope.$apply(function() {
            $scope.messages.push(e.data);
        });
    }
}
</script>

如果websocket连接失败，或者由于某种原因必须重新启动，则必须创建并监听新的websocket。有没有办法强制控制器再次运行，创建一个新的监听功能，将新连接的消息推送到$ scope？

另外，作为第二个问题：是否有一个好地方去了解更多关于Angular的信息？该网站上的文档似乎有点不清楚。

Answer 1

当连接失败或需要重新启动以进行某些调查时，需要重新连接Web套接字。我认为你不应该重启web sockect 通过“重新启动控制器”。

我的建议是创建一个“Web套接字”服务，它将维护自己的逻辑（例如，在连接失败时重新连接套接字），控制器只处理模型和视图绑定。

<html ng-app="MyApp">
....
<div ng-controller="MsgCtrl" ng-repeat="m in messages">{{m}}<br></div>
</html>
<script>

    var myApp = angular.module("MyApp",[]);
    myApp.factory("WebSocket",function(){
        var ws;
        var triedTime=0;
        var maxRetryTime=20;
        return {
            createWS: function(server,protocol,handler){
                ws = new WebSocket(server, protocol);
                ws.onmessage = handler;
                ws.onerror = function(e){
                    this.restartWS(server,protocol,handler);
                }
            },
            closeWS: function(){
                if(ws) ws.close();
            },
            restartWS: function(server,protocol,handler){
                if(triedTime<=maxRetryTime){
                    this.closeWS();
                    this.createWS(server,protocol);
                    triedTime++;
                }
            }
        };
    });

    function MsgCtrl($scope, WebSocket){
        $scope.messages = [];

        WebSocket.createWS("something","something",$scope.msgHandler);

        $scope.msgHandler = function(e){
            $scope.$apply(function() {
                //model update
                $scope.messages.push(e.data);

                var msg = JSON.parse(e.data);

                switch(msg.cmd)
                {
                    case "restart":
                    WebSocket.restartWS("something","something",$scope.msgHandler);
                    break;
                }
            });
        }

    }
</script>

在上面的示例中，当套接字客户端收到“重新启动”消息或连接失败时，将重新连接Web套接字。希望这对你有所帮助。

Answer 2

其中一种解决方案是尝试使用$route.reload()重新加载页面。更好的解决方案是尝试在onerror上重新启动websocket。
我发现学习angularJS的最佳位置是Egghead。如果事情不清楚，stackoverflow总是最好的问题。

在AngularJS中刷新控制器

2 个答案: