javascript - ng-click 没有在 angularjs 中触发？

Question

在这里，我创建了用于单击按钮的示例 Angular 程序。但它没有开火我可以知道我哪里做错了吗？谁可以帮我这个事..谢谢

var myApp = angular.module('myApp', []);

myApp.controller('MyCtrl', function($scope, $sce) {
    $scope.buttonHtml = $sce.trustAsHtml("<button ng-click='showMessage(\"foo\")'>click me</button>");
    $scope.showMessage = function(message) {
        alert(message);
    }
    
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl">
    <div ng-bind-html="buttonHtml"></div>
</div>

Answer 1

问题是，即使 html 渲染得很好，Angular 并没有真正将 ng-click 绑定(bind)到 scope，要做到这一点，你必须将其设置为 $compile第一的。

var compiledHtml = $compile("<button ng-click='showMessage(\"foo\")'>click me</button>")($scope);