Sample AngularJs

AngularJs 1.5.8

by Yaser Shadmehr

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular-sanitize.min.js"></script>
<div ng-app="myApp">

  
  <div ng-controller="myCtrl">
    <h2>{{html}}</h2>
    <span>{{greeting}} </span>
    <div ng-bind-html="editorHtml"></div>
  </div>
</div>

JavaScript

var myApp = angular.module('myApp',['ngSanitize']);

  var data = "\r\n\r\n<div id=\"myEditor\" name=\"myEditor\">\r\n\r\n\t\t<a href=\"http://example.com\">hi html</a>\r\n\t</div>\r\n\r\n\r\n\r\n\r\t";
  var script = "<script type=\"text/javascript\"> alert('hi script');\r\n\r\n\t</" + "script>\r\n\t";
  
  
myApp.controller('myCtrl', ['$sce', '$scope' , function($sce, $scope) {
  $scope.html =data + script;
  $scope.editorHtml = $sce.trustAsHtml($scope.html);
  $scope.greeting = 'Hola!';
}]);