AngularJs：使用带有静态内容的 ngBindHtml

【问题标题】：AngularJs: using ngBindHtml with static contentAngularJs：使用带有静态内容的 ngBindHtml
【发布时间】：2016-04-18 09:53:35
【问题描述】：

我在 ng-bind-html 中有这样的静态内容

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

但是当我在控制器中更新模型时，内容被替换了。但我希望附加内容。谁能告诉我如何实现这一点。

请参考以下链接： Fiddle

【问题讨论】：

标签： angularjs angularjs-directive ng-bind-html

【解决方案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>"); 
}

可能会帮助您解决问题

【讨论】：