Angular ng-bind-html 和 ng-mouseover 不起作用（不出现在代码中）

Question

我尝试使用 ng-bind-html 添加一些包含 ng-mouseover 的代码。但是 ng-mouseover 部分没有出现（没有工作）在代码中

来自 angular plunker 的示例并添加我的代码片段：

ng-mouseover="test($event)"

(function(angular) {
  'use strict';
angular.module('bindHtmlExample', ['ngSanitize'])
  .controller('ExampleController', ['$scope', function($scope) {
    $scope.myHTML =
       'I am an <code>HTML</code>string with ' +
       '<a ng-mouseover="test($event)" href="#">links!</a> and other <em>stuff</em>';

    $scope.test = function(event) {
      console.log(event);
    }

  }]);
})(window.angular);

https://plnkr.co/edit/gp3Z50TJqvEfOFGrpYCT?p=preview

$scope.test() 函数从未被触发。鼠标悬停在这个小 link.

上方时没有出现任何事件

有什么提示吗？

Answer 1

您需要编写在范围内评估 html 的自定义指令。

Angular ng-bind-html 和 ng-mouseover 不起作用（不出现在代码中）

Angular ng-bind-html and ng-mouseover don't work (don't appears in code)

angularjs

ng-bind-html