控制器$scope属性不更新(套接字连接)

Question

我想让我的角度控制器得到更新工厂与websockets连接。

工厂：

function($rootScope, mySocketFactory) {
    mySocketFactory.setHandler('message', function(event) {
        $rootScope.$apply(function() {
            Factory.msg = event.data;
        });
        console.log('factory', Factory.msg);
    });

    var Factory = {};
    Factory.msg = 'init';
    return Factory;
}

控制器：

function ($scope, myFactory) {
    console.log(myFactory.msg);

    $scope.msg = myFactory.msg;
}

分部：

<div data-ng-controller="StatusBarController" class="col-lg-12">
    {{msg}}
</div>

如果工厂通过message事件获取数据，则console.log('factory', Factory.msg);返回更新的值，但控制器不应用更改并坚持使用init数据。我在这里做错什么了？

注意：--我用数组而不是字符串--尝试了同样的例子，它成功了！？首先，我认为这可能是因为字符串不是通过引用传递的，但是由于我们处于JS世界，所以它们是。

Answer 1

与绑定属性不同，您可以创建一个getter函数表单工厂，它将返回msg属性值，在每个摘要周期中，当您在接收message时从服务中运行它时，html上的{{msg()}}将得到评估。

工厂

var Factory = {};
Factory.getMsg = function(){
     return Factory.msg;
};
return Factory;

控制器

function ($scope, myFactory) {
    $scope.msg = myFactory.getMsg;
}

<div data-ng-controller="StatusBarController" class="col-lg-12">
    {{msg()}}
</div>

更新

与上述方法不同，我建议您遵循dot rule，这将需要声明object，并且该对象将保留属性Factory.data = {msg：'init'};`。一旦更新了工厂变量，它就会自动更新控制器变量中的引用。

工厂

function($rootScope, mySocketFactory) {
    mySocketFactory.setHandler('message', function(event) {
        $rootScope.$apply(function() {
            Factory.data.msg = event.data;
        });
        console.log('factory', Factory.msg);
    });

    var Factory = {};
    Factory.data = { msg : 'init'};
    return Factory;
}

控制器

function ($scope, myFactory) {
    $scope.info = myFactory.data;
}

<div data-ng-controller="StatusBarController" class="col-lg-12">
    {{info.msg}}
</div>