angular 指令未命中指令

angular directive not hitting directive

请帮助我为什么当我更改其中的文本时 anugular 指令没有命中指令。

<div ng-controller="EmployeeController">
    <input type="text" message /></div>

angular.js

angular.module('MyApp')
.controller('EmployeeController', function ($scope) {....}

指令

这是我的指令

angular.module('MyApp')
    .directive('message', function () {
          debugger;          return {
              //compile:function($scope,elem,attr){
              //   // console.log(attr.text);

angular.module('app', [])
.directive('message', function() {
    return {
        link: function (scope, element, attrs) {
            element.on('keyup', function(event) {
                console.log(event.target.value);
            });
        }
    }
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js">
</script>

<div ng-app='app'>
  <input type='text' message/>
</div>