angular.js - `ng-bind-html`中的`ng-click`指令不生效

問題描述

js代碼如下：

$scope.uploadInfo = $sce.trustAsHtml(’上傳成功！<a ng-click='’+'quitTo(’customer’)'+’'>點擊</a>跳轉到客戶列表界面’);//$scope.$apply();

html代碼如下：

<p class='modal-content'> <p ng-bind-html='uploadInfo'> </p></p>

在瀏覽器中看到的dom結構如下：

點擊圖中文字鏈接沒有任何響應，在“quitTo()”函數中設斷點發現沒有執行到。怎么才能讓這里生效呢？我試了$scope.$apply()，還試了$compile()，發現都沒有用。

問題解答

這個問題雖然自己解決了，但感覺不是非常理解。用的是

var uploadInfo = ’上傳成功！<a ng-click='’+'quitTo(’customer’)'+’'>點擊</a>跳轉到客戶列表界面’;var ele = $compile(uploadInfo)($scope);angular.element(’.modal-body’).append(ele);

沒有用ng-bind-html和$sce.trustAsHtml()。

任何指令的生效都需要compile，這一步在app啟動的時候angular先幫你做了，但你插入的html是沒有經過compile這個步驟的，所以你手動compile下即可，之前自己寫指令，動態插入元素時遇到過類似情況，歡迎繼續交流。