Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js"></script>
<div ng-controller="MyCtrl">
Hello, {{name}}!
<div class="row" ng-repeat="post in posts">
<div ng-bind-html="TrustDangerousSnippet(post)">
<p>{{post.post}}</p>
</div>
</div
</div>
JavaScript
var myApp = angular.module('myApp',[]);
//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
function MyCtrl($scope, $sce) {
$scope.name = 'Superhero';
var input_data = [];
input_data.push({post: '<h1>bla</h1>'});
$scope.posts = input_data;
$scope.TrustDangerousSnippet = function(post) {
return $sce.trustAsHtml(post.post);
};
}