更新$ rootScope。$ broadcast

Question

如何用新值更新$ rootScope。$ broadcast？

考慮以下代碼：

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);
}

這是我的控制器：

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

這是我的html：

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

這幾乎可行。 當我進行Ajax調用時，mapInfo會更新並打印到包含數據的頁面上。 但是，當我不進行ajax調用時，fish的值不會在頁面上打印出來。 我可以看到$ rootScope正在由值fisk更新：console.log（$ scope.mapInfo），但未打印出來。

Answer 1

這是代碼的簡化版本

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

它可以打印出mapInfo