AngularJS - 在另一个服务的回调中的服务调用不起作用

Question

我正在尝试实现一些代码来控制弹出窗口以显示加载信息。 为此，我实现了一小段代码来控制我的弹出窗口并设置其可见性和内容。

我正在使用PopupController来设置Popup Element的行为。 PopupService用于连接PopupController和ApplicationController。

PopupService：

app.service("PopupService", function(){
     return {content: "", isVisible: false}
});

PopupController：

app.controller('PopupController', function($scope, PopupService){
    $scope.isVisible = PopupService.isVisible;
    $scope.content = PopupService.content;
})

的ApplicationController

app.controller('ApplicationController', function($scope, PopupService, DataService){
    PopupService.isVisible = true;          <-- Works fine
    PopupService.content = "Loading Data";  <-- Works fine

    DataService.query(function(list){
        $scope.list = list;
        PopupService.isVisible = false;     <-- Does not work
    })
})

在DataService的回调中，对PopupService的调用不起作用。 我想我确实有一些范围问题，但我无法解决这个问题。

有人可以帮忙吗？

谢谢