如何在AngularJS中编写类似div.innerHTML的高效代码

Question

如果我需要在html中成功或错误回调ajax之前或之前动态更改小html

document.getElementById("xyz").innerHTML("<img />");

在jQuery中我也可以做到

jQuery("#xyz").html("<img />");

现在我也可以使用把手来做更复杂的html并将其附加到上面的代码中。

那么我怎样才能在Angular.js

中做上述事情

请举几个有用的指示示例

Answer 1

像这样使用ng-bind-html，

HTML：

<div ng-app="myApp" ng-controller="myCtrl">

    <p ng-bind-html="myText"></p>

</div>

JS：

var app = angular.module("myApp", ['ngSanitize']);
app.controller("myCtrl", function($scope) {
    $scope.myText = "<img />";
});