Rendering HTML with angular

HTML

<h2>Rendering HTML with angularJS</h2>
<div ng-app="angularApp" ng-controller="appController">
    <div ng-bind-html="renderHtml(content)"></div>   
</div>

CSS

body{
    font-family: verdana;
    font-size: 10pt;
}
.info{
    padding-left: 10px;
    border-left: solid 3px #ccc;
    margin-top: 5px;
}
.heading{
    border-bottom: solid 1px #ccc;
    display: block;
    padding-top: 10px;
}

JavaScript

var app = angular.module("angularApp", []);
app.controller("appController", function($scope, $sce){
    $scope.content = "This text is <em>html capable</em> meaning you can have <a href=\"#\">all</a> sorts <b>of</b> html in here.";
    $scope.renderHtml = function(html){
        return $sce.trustAsHtml(html);
    };
});