Как изменить текст в div на angularJS?

Question

JS код:

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

таким образом я могу изменить текст #divData элемента. Но я хочу добавить некоторый код html, например, <b>This is a bold text</b>. Но это получается как есть. Но я хочу вывод как Это жирный текст. Пожалуйста, предоставьте мне решение только с помощью angularJS.

Answer 1

Try с

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

text вместо

Answer 2

Пожалуйста, проверьте документацию: https://docs.angularjs.org/api/ng/directive/ngBindHtml

Answer 3

использование .html, если вы хотите назначить HTML.

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

Answer 4

Просто добавьте теги html к тексту, видимо, не работает хорошо. Я считаю, что это только добавить «текст», а не элементы. Может быть, я делаю что-то неправильно.

Следит за плункером. С двумя случаями. Одна из официальной документации и другая с ответами, размещенными здесь.

(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

Советы Себастьяна Sebald его хорошо. Перейдите к документации. Я тоже не знал, пока пять минут назад. Я просто сейчас узнаю.