JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/angular-ui/angular-ui/raw/master/build/angular-ui.js"></script>
<div ng-controller="MyCtrl" tabindex="0">
    dddd
</div>

JavaScript

"use strict";

angular.module('myApp', ['ui'])
    .controller('MainCtrl', function($scope) {
        $scope.emit = function($event) {
            $scope.$broadcast('keypress', $event);
        };
    })
    .controller('MyCtrl', function ($scope) {
        $scope.$on('keypress', function($event, event) {
            alert('Works fine!');
            keypressListeners.forEach(function(listener) {
                if (listener.keyCode === event.keyCode)
                    listener.fn();
            });
        });

        $scope.test = function() {
            alert('Works fine!');
        };

        var keypressListeners = [{ keyCode : 32, fn : $scope.test }];
});