AngularJS II Ejemplo Eventos I

by David Soto

HTML

<div ng-app="" ng-controller="Ctrl2">
    <div ng-controller="Ctrl1">
        <button ng-click="enviar()">Enviar</button>
        <span>{{ recibido }}</span>
    </div>
    <div>
        <span>{{ enviado }}</span>
    </div>
</div>

JavaScript

function Ctrl1 ($scope, $rootScope){
    $scope.enviar = function(){
        $scope
            .$emit("Enviando", "un dato");
    }
    $scope.$on("Recibido",function(e,d){
        $scope.recibido = d;
    });
}

function Ctrl2 ($scope){
    $scope
    .$on("Enviando", function(e, d){
        $scope.enviado = d;
        $scope.$broadcast("Recibido","recibĂ­ el dato");
    });
}