如何在angularjs中绑定多个自定义事件？

我需要在angularjs（1.x）中绑定自定义事件，并尝试使用以下代码

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<link href="https://www.polymer-project.org/components/polymer/polymer.html" rel="import">
<link href="https://www.polymer-project.org/components/paper-button/paper-button.html" rel="import">
<div ng-app="demo-app">
    <div ng-controller="DemoController">
        <template bind-angular-scope is="auto-binding">
          <paper-button raised on-tap="{{clickMe}}" on-mouseover="{{mouseOver}}">click me</paper-button>
        </template>
        <pre><code>{[{text}]}</code></pre>
    </div>
</div>

脚本

angular.module('demo-app', [])
  .config(function ($interpolateProvider) {
      $interpolateProvider.startSymbol('{[{').endSymbol('}]}');
  })
  .directive('bindAngularScope', function () {
      return {
          restrict: 'A',
          link: function (scope, element, attrs) {
              for (k in scope) {
                  if (!element[0][k]) {
                      element[0][k] = scope[k];
                  }
              }

               elem.bind('click', function() {
                /* Place your click logic here * /
                 });
          }
      }
  })

角度。模块（'demo-app'，[]）
.config（函数（$interpolateProvider）{
$interpolateProvider.startSymbol（'{[{'）.endSymbol（'}]}'）；
})
.指令（'bindAngularScope'，函数（）{
返回{
限制：“A”，
链接：函数（范围、元素、属性）{
适用于（范围为k）{
如果（！元素[0][k]）{
元素[0][k]=范围[k]；
}
}
}
}
})
.controller（'DemoController'，函数（$scope）{
$scope.text=''；
$scope.clickMe=函数（）{
$scope.text+='\n您单击了我！！'；
$scope.$apply（）；
};
$scope.mouseOver=函数（）{
$scope.text+='\n您将鼠标悬停在我身上！！'；
$scope.$apply（）；
}
});

这不起作用。你能告诉我这个问题吗？或者有没有绑定自定义事件（多个）的解决方案？我们是否需要为它们中的每一个创建自定义指令

注意：

上述代码来自以下url：

---

提前谢谢

怎么了？为什么它不起作用？共享一些代码运行代码段本身不工作。请看“Mohammad Walid”提供的答案，这是一个更好的解决方案吗？

angular.module('demo-app', [])
  .config(function ($interpolateProvider) {
      $interpolateProvider.startSymbol('{[{').endSymbol('}]}');
  })
  .directive('bindAngularScope', function () {
      return {
          restrict: 'A',
          link: function (scope, element, attrs) {
              for (k in scope) {
                  if (!element[0][k]) {
                      element[0][k] = scope[k];
                  }
              }

               elem.bind('click', function() {
                /* Place your click logic here * /
                 });
          }
      }
  })