AngularJS在<div>中添加文本

Question

在jQuery中,我可以执行以下操作,在div或任何元素中添加所需的文本.

$( "#div1" ).html( "<span class='red'>Hello <b>Again</b></span>" );

如何使用AngularJS执行类似的操作.

当用户点击链接时,我需要在div中添加纯文本.

这是我尝试过的:

视图:

<a ng-click="showProductText($index)">Click Me</a>

NG-控制器:

$scope.showProductText = function () {
   var myEl = angular.element(document.querySelector('#customerProductCatalogText'));
   --need help hence forth--
    };

Answer 1

在视野中

<div style="border:1px solid #ccc;padding:10px;" ng-bind-html="divText"></div>

在控制器中

$scope.divText = '<H2>some text</H2>';

Answer 2

这个链接帮助我解决了问题angular.element

这做到了这一点：

angular.element(document.querySelector('#customerProductCatalogText')).html("NewText");