ng-click不適用於ng-bind-html

Question

我有像這樣的html模板：

$scope.template = '<span class="pointer"><i class="icon-refresh pointer" ng-click="refresh()"></i></span>';

我想使用ng-bind-html綁定這個模板，我試圖使用它，我也使用了ng-bind-html-unsafe ，但不幸的是它綁定了html字符串，因為沒有點擊動作。

<span ng-bind-html="template"></span>
<span ng-bind-html-unsafe="template"></span>

我讀到了類似的問題，它說ng-click是在ng-bind之后加載的，所以有人可以向我介紹如何解決這個問題嗎？

Answer 1

也許您需要在控制器內編譯模板？

angular.controller('ABCDCtrl', function($scope, $compile){
    var templateHTML = '<span class="pointer"><i class="icon-refresh pointer" ng-click="refresh()"></i></span>';
    $scope.template = $compile(templateHTML)($scope);
});

Answer 2

您可以嘗試使用ng-include並將模板放入靜態文件中。

我認為，將HTML內容放在范圍變量中會違背一些有棱角的哲學准則。

如果您以后要更改模板，是否要重新綁定並重新處理？