update $rootScope.$broadcast

Question

How can I update $rootScope.$broadcast with new value?

Consider this code:

var test = "fisk";

if(angular.element(this).hasClass('monster')) {
    var monster_info = angular.element(this).find("img").attr("title");
    $http.get("lib/terrain.php", {params: { monster_data:monster_info}}).success(function(data) {
            console.log(data);
            $rootScope.$broadcast('mapInfo', data);
    });
} else {
  $rootScope.$broadcast('mapInfo',test);
}

Here is my controller:

$scope.$on('mapInfo', function(event, mapInfo) {
    $scope.mapInfo = mapInfo;
    console.log($scope.mapInfo);
});

Here is my html:

<div ng-bind-html="safeHtml(mapInfo)"></div>

This almost works. When I make the ajax-call, the mapInfo is updated and printed out at the page with the data. But when I'm not make the ajax-call, the value of fish is not printed out at the page. I can see that the $rootScope is being updated by the value fisk: console.log($scope.mapInfo), but it's not printed out.

There's a typo in your code. Your `else` block should be calling `$rootScope.$broadcast`. You've omitted the $ from `$broadcast`. — mbcrute, Aug 26 '14 at 14:09
@mbcrute: Sorry, I missed it here, but I have it in my code. So it still don't work. — user500468, Aug 26 '14 at 14:11
@user500468 The code that triggers the broadcast. I was thinking it may be an issue that you may need to force a digest loop. — Brocco, Aug 27 '14 at 12:47
@Brocco: have a look at my new more informative question: http://stackoverflow.com/questions/25522080/change-value-in-rootscope — user500468, Aug 27 '14 at 12:53

score 0 · Answer 1 · answered Aug 26 '14 at 17:44

0

This is a simplified version of your code

`http://jsfiddle.net/HB7LU/5693/`

it can print out mapInfo

answered Aug 26 '14 at 17:44

ABOS

3,723
3
17
23

update $rootScope.$broadcast

1 Answers1