ng-bind-html-unsafe仅将内容呈现为HTML。它不会将Angular范围绑定到结果DOM。您必须
$compile为此目的使用服务。我创建了这个插件，以演示如何用于
$compile创建指令来呈现用户输入的动态HTML并将其绑定到控制器的作用域。来源发布在下面。
demo.html
<!DOCTYPE html><html ng-app="app"> <head> <script data-require="angular.js@1.0.7" data-semver="1.0.7" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js"></script> <script src="script.js"></script> </head> <body> <h1>Compile dynamic HTML</h1> <div ng-controller="MyController"> <textarea ng-model="html"></textarea> <div dynamic="html"></div> </div> </body></html>
script.js
var app = angular.module('app', []);app.directive('dynamic', function ($compile) { return { restrict: 'A', replace: true, link: function (scope, ele, attrs) { scope.$watch(attrs.dynamic, function(html) { ele.html(html); $compile(ele.contents())(scope); }); } };});function MyController($scope) { $scope.click = function(arg) { alert('Clicked ' + arg); } $scope.html = '<a ng-click="click(1)" href="#">Click me</a>';}
