Question

我是angularjs的新手，我正在创建一个网络应用程序来赚取经验和实践。我遇到的问题是$scope.$emit似乎没有工作，我正在寻找方法来联系控制器之间的功能，到目前为止我在互联网上发现$scope.emit和$scope.on似乎为了适应这种任务，如果有另一种方式，我想知道，无论如何代码是这样编写的：

loginController.js

(function(angular)
{
    var app = angular.module('Organizer');

    // inject $scope to the controller in order to try $scope.$emit
    app.controller('login', function($http, $scope)
    {
        // i define the scope like this so i can access inside other functions
        var scope = this;
        scope.processing = false;
        scope.message = null;

        scope.submit = function()
        {
            scope.processing = true;

            // store data for post
            var post = {
                username: scope.username,
                password: scope.password
            };

            // send post data
            $http.post('api/default/login', post).
                success(function(data, status)
                {
                    // hide processing feedback and show the result
                    scope.processing = false;
                    scope.message = data.message;
                }).
                error(function(data, status)
                {
                    scope.processing = false;
                });
        };

        // Function i use to emit
        this.closeDialog = function()
        {
            $scope.$emit('closeDialog');
        };
    });
})(angular);

siteController.js

(function(angular)
{
    var app = angular.module('Organizer');

    app.controller('site', function($mdDialog, $scope)
    {
        this.menu = ['test1', 'test2'];

        this.dialog = function()
        {
            $mdDialog.show({
                templateUrl: 'site/login',
            });
        };

        // this does not seem to be working
        $scope.$on('closeDialog', function(event)
        {
            console.log('close dialog');
        });
    });
})(angular);

注意：我正在使用角度材料，您可以看到我正在显示一个登录对话框，登录有其控制器（我希望它使用相同的站点控制器，但我不知道不知道如何）这个对话框有一个按钮，它在loginControler中调用函数closeDialog()，并且应该关闭对话框，但是现在出于测试原因，我只是记录它是否正在调用事件

Answer 1

$ emit 函数仅将事件传播给范围父项。

$ broadcast 函数将事件传播给范围子项。

所以你需要的取决于控制器如何使用它......

如果您希望活动到达所有应用，则必须使用 $ rootScope ：

$rootScope.$broadcast('myEvent');

Here you have the doc of the scope, include $emit and $broadcast

Answer 2

您无法在对话框控制器中发射或广播，因为角度材质中的对话框具有隔离范围。因此，当你发射或广播一个事件时，它不会去任何地方。只有具有范围层次结构时，$ emit和$ broadcast才有效。 $ emit在层次结构中传播事件，$ broadcast在层次结构中传播事件。

Angularjs：$ scope.emit不起作用

2 个答案: