码迷,mamicode.com
首页 > Web开发 > 详细

[AngularJS] Design Pattern: Simple Mediator

时间:2016-05-02 07:07:35      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:

We‘re going to use rootScope emit here to send out events and then we‘re going to listen for them in the run block. We‘re going to use rootScope on down in the run block to listen for the same event that we sent out to the system.

 

angular
    .module(‘app‘, [])
    .controller(‘MainCtrl‘, function($scope, Order) {
        $scope.newOrder = function() { new Order(); };
    })
    .factory(‘Order‘, function($emit) {
        function Order() {
            this.email   = ‘brett.shollenberger@gmail.com‘;
            this.product = ‘Macbook Pro‘;
            $emit(‘order:created‘, this);
        }
        return Order;
    })
    .factory(‘$emit‘, function($rootScope) {
        return function() { $rootScope.$emit.apply($rootScope, arguments); };
    })
    .factory(‘Email‘, function($window) {
        function Email(text) {
            $window.alert(text);
        }
        return Email;
    })
    .run(function($rootScope, Email) {
        $rootScope.$on(‘order:created‘, function(event, order) {
            new Email(‘Email sent to ‘ + order.email + ‘ for ‘ + order.product);
        });
    });

 

We don‘t want ot inject $rootscope into Order factry, so we use mediator to create a $emit() function, and each time we create a new order, it will send the create event to run block. isnide the run block we send the email. This is good because, the order doesn‘t know the Email event, it onlys emits a create event.

 

[AngularJS] Design Pattern: Simple Mediator

标签:

原文地址:http://www.cnblogs.com/Answer1215/p/5451825.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!