AngularJs：使用ngBindHtml與靜態內容

Question

我在內部納克綁定-HTML靜態內容這樣

<div ng-bind-html="htmlContent"> 
    <div>Static HTML</div> 
</div> 

但是當我更新內部控制器的模型中，內容被替換。但我希望內容被追加。任何人都可以告訴如何實現這一點。

請參考以下鏈接： Fiddle

Answer 1

試試這個，

內部HTML：添加的按鈕

<button ng-click='updateHtml()'> 
    One Click 
</button> 

內部控制器：創建功能 'updateHtml'

$scope.updateHtml = function(){ 
    // Get current Html Content 
    var currentHtmlContent = $scope.htmlContent; 
    // Add new content to currentHtmlContent 
    $scope.htmlContent = currentHtmlContent + 
    $sce.trustAsHtml("<div> New Content </div>"); 
} 

可能會幫助你克服等你的想法問題