AngularJS II Ejemplo Eventos I

by scyrizales

HTML

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

JavaScript

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

function Ctrl2 ($scope){
    $scope
    .$on("Enviando", function(e, d){
        $scope.enviado = d;
        $scope.$broadcast("Recibido", "ok");
    });
}