問題描述

js代碼如下：

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

html代碼如下：

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

在瀏覽器中看到的dom結(jié)構(gòu)如下：

點(diǎn)擊圖中文字鏈接沒有任何響應(yīng)，在“quitTo()”函數(shù)中設(shè)斷點(diǎn)發(fā)現(xiàn)沒有執(zhí)行到。怎么才能讓這里生效呢？我試了$scope.$apply()，還試了$compile()，發(fā)現(xiàn)都沒有用。

問題解答

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

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

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

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