angular js ng-html inside ng-repeat won't work

Question

I'm using AngularJS with a third party service that generates html responses. I want to use ng-repeat to render the HTML responses as a list, however Angular is not showing it

I've created this jsFiddle to demonstrate my issue.

https://jsfiddle.net/s7vLa0bx/ – reza pr2 Jul 27 '16 at 09:53 — reza pr2, Jul 27 '16 at 09:53

score 0 · Accepted Answer · edited May 23 '17 at 10:28

0

Create a filter for trusting the content

<div ng-bind-html="myData | trustAs"></div>

angular.module('app').filter('trustAs', ['$sce', 
    function($sce) {
        return function (input, type) {
            if (typeof input === "string") {
                return $sce.trustAs(type || 'html', input);
            }
            console.log("trustAs filter. Error. input isn't a string");
            return "";
        };
    }
]);

original answer https://stackoverflow.com/a/34783962/3769965

working fiddle : https://jsfiddle.net/ebinmanuval/LL5mr7tw/1/

edited May 23 '17 at 10:28

Community

1
1

answered Jul 27 '16 at 09:58

Ebin Manuval

1,235
14
33

ng-bind-html-unsafe was removed from AngularJS sine 1.2.x. http://stackoverflow.com/a/25679834 – pdorgambide Jul 27 '16 at 11:56
we can use `ng-bind-html` with trust filter https://docs.angularjs.org/api/ng/directive/ngBindHtml – Ebin Manuval Jul 27 '16 at 12:02

angular js ng-html inside ng-repeat won't work

1 Answers1