I want to use unsafe-html in angularjs 1.2. Whereas the filter without html does work, with html it does not. What I do:

I added angular-sanitize to my html head:

<script src=~/Scripts/angular.js></script>

<script src=~/Scripts/angular-sanitize.js></script>

My angular module:

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

    .filter('convertState', function ($sce) {

        return function (state) {

            if (state == 1) {

                return $sce.trustAsHtml(<strong> + state + </strong> special state);

            }

            else {

                return $sce.trustAsHtml(<strong>+state + </strong> normal state);

            }

        }

    });

My Html:

<td><span ng-bind-html=f.state | convertstate></span></td>

edit: updated ng-bind-html-unsafe to ng-bind-html