javascript - 如何在angularjs中使用rootScope

Question

我的公共(public)服务中有一个数据，我想使用模板中的数据，我将分配一个根作用域并使用它，但它现在不起作用，我不确定出了什么问题，任何人都可以建议帮助。

我的js:

function addGoogleAddress(id, data, scope) {
    var places = new google.maps.places.Autocomplete(document.getElementById(id));
    google.maps.event.addListener(places, 'place_changed', function () {
        var place = places.getPlace();
        if (place && place.address_components) {
            for (var i = 0; i < (place.address_components.length); i++) {
                if (place.address_components[i].types[0] === 'locality') {
                    data.city.key = '1001';
                    data.city.name = place.address_components[i].long_name.toString();
                } else if (place.address_components[i].types[0] === 'administrative_area_level_1') {
                    data.state.key = '1001';
                    data.state.name = place.address_components[i].long_name.toString();
                } else if (place.address_components[i].types[0] === 'country') {
                    data.country.key = '1001';
                    data.country.name = place.address_components[i].long_name.toString();
                }
            }
        }
    });
    $timeout(function () {
        $('#' + id).removeAttr('placeholder');
    }, 500);
    $rootScope.data = data;
}

我的 Controller :

  console.log($rootScope.data)

这里我变得不确定。

Answer 1

不能直接广播数据，需要广播事件并传递参数，如下所示，

注意:我假设您已经注入(inject)了依赖项

 $rootScope.$broadcast('eventName',data);

然后在 Controller 中如下 -

$scope.$on('eventName',function(event,data){
console.log('data---',data);
})