Angular-将字符串解码为HTML

Question

I have some angular expressions that contain data coming from a database. Some of this data contain HTML tags in the database and should be decoded as such in the HTML.

Javascript function:

vm.showTechnicalSupport = function () {
        $http.get('Navigation/GetTechSupportInformation').success(function (data) {
            vm.techSupportHours = data.techSupportHours;
        })

    }

HTML:

<span>{{ vm.techSupportHours}}</span>

The problem is techSupportHours is displaying raw HTML tags instead of rendering markup. For example, there are br tags being displayed visibly on the page. Is there a way to modify my angular expression to decode this data?

Answer 1

There is a directive called ng-bind-html which is what you are looking for. So just change your html template to be:

<span ng-bind-html="vm.techSupportHours"></span>