如何編寫高效的代碼div.innerHTML像代碼AngularJS

Question

如果我需要AJAX的HTML中的成功或錯誤回調之前動態或改變一個小的HTML我做

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

jQuery中

還我可以做

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

現在我也可以使用handlebars做更復雜的html並將它附加在上面的代碼中。

所以，我該怎麼辦上述這樣的事情在Angular.js

請給使用ng-bind-html這樣一些有用的指針

Answer 1

的一些例子，

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 />"; 
});