Question

js代码：

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

这样我可以更改#divData元素的文本。但我想添加一些像<b>This is a bold text</b>这样的HTML代码。但是它会被渲染成现实。但我希望输出为这是一个粗体文字。请通过angularJS为我提供解决方案。

Answer 1

请查看文档：{{3}}

Answer 2

尝试

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

而不是text

Answer 3

只是在文本中添加html标签显然效果不佳。我认为这只是添加文字＆＃39;不是元素。也许我做错了什么。

关注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的建议很好。继续文档。直到五分钟前我才知道。我现在才开始学习。

Answer 4

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

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

如何用angularJS更改div中的文本？

4 个答案: