<!doctype html>
<html ng-app="sanitize">
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-sanitize.min.js"></script>
        <script>
            var sanitize = angular.module("sanitize", ["ngSanitize"]);
            sanitize.controller("sanitizeCtrl", function($scope, $sce) {
                $scope.html = "<style>div {color:blue; text-align:center} #div3 {color: green}</style><div><b>div1</b></div><div style='color:red;'><i>div2</i></div><div id='div3'><u>div3</u></div>";
                
                $scope.example1 = $sce.trustAsHtml($scope.html);
                
                $scope.css = $sce.trustAsHtml("<style>div {color:gray; text-align:none}</style>");
            });
        </script>
    </head>
    
    <body ng-controller="sanitizeCtrl">
        <span ng-bind-html="example1"></span>
        <span ng-bind-html-unsafe="example1"></span>
        <!--
        <span ng-bind-html="html"></span>
        <span ng-bind-html="css"></span>
        -->
    </body>
</html>