如何通过angularJS更改div中的文本？答案

【问题标题】：How to change text in div by angularJS?如何通过angularJS更改div中的文本？
【发布时间】：2016-08-19 11:30:11
【问题描述】：

js代码：

myEl = angular.element(document.querySelector('#divData'));
myEl.text('This is text.');

这样我可以更改#divData 元素的文本。但我想添加一些 html 代码，例如<b>This is a bold text</b>。但它会按原样呈现。但我希望输出为 This is a bold text。请仅通过 angularJS 为我提供解决方案。

【问题讨论】：

你可以看看这个answer here，看起来和它很像

标签： angularjs

【解决方案1】：

请查看文档：https://docs.angularjs.org/api/ng/directive/ngBindHtml

【讨论】：

【解决方案2】：

试试

myEl.html('This is text.');

而不是text

【讨论】：

【解决方案3】：

只是在文本中添加 html 标记显然效果不佳。我相信这就是只添加“文本”而不是元素。也许我做错了什么。

跟随 plunker。有两种情况。官方文档之一和其他答案张贴在这里。

(function(angular) {
 'use strict';
  angular.module('bindHtmlExample', ['ngSanitize'])
  .controller('ExampleController', ['$scope', function($scope) {

$scope.myHTML =
   'I am an <code>HTML</code>string with ' +
   '<a href="#">links!</a> and other <em>stuff</em>';

$scope.executar = function(){
  var myEl = angular.element(document.querySelector('#divData'));
  myEl.text('<b>This is a bold text</b>');
};
  }]);
})(window.angular);

https://plnkr.co/edit/1Hnb018XstMYfynr34nJ?p=preview

Sebastian Sebald 的建议很好。继续文档。直到五分钟前我才知道。我现在才学。

【讨论】：

【解决方案4】：

如果要分配 html，请使用 .html。

myEl.html('<b>This is a bold text</b>');

【讨论】：