Angular ngRepeat html content

Question

I have the following:

<div class="columns large-12">
    <p ng-repeat="desc in joinUs.description">{{desc}}</p>
</div>

How can I display html content inside the repeated paragraph? Basically I want to repeat:

<p ng-bind-html="{{desc}}"></p>

joinUs.description is an array of strings, some containing anchor tags.

Edit

I have tried this the following (as suggested angular.js ng-repeat li items with html content) but the html is still shown as plain text.

<div class="row">
    <div class="columns large-12">
        <p ng-repeat="desc in joinUs.description" ng-bind-html-unsafe="desc">{{desc}}</p>
    </div>
</div>

you can use a directive instead, stackoverflow.com/questions/17417607/… — Praveen
– Praveen, Commented Jul 4, 2015 at 9:51

Community · Accepted Answer · 2017-05-23 11:51:20Z

1

try this:

 <p ng-repeat="desc in joinUs.description" ng-bind-html="desc"></p>

plunkr with similar use is here: http://plnkr.co/edit/wiHj5kwdbb08ag8NQcoJ?p=preview

(it might help, if you add a working sample as plunkr/fiddle or similar)

edit:

ng-bind-html-unsafe has been deprecated. see this stackoverflow question: With ng-bind-html-unsafe removed, how do I inject HTML?

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Jul 4, 2015 at 9:34

Remigius Stalder

2,2102 gold badges31 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Morne Over a year ago

Working, thanks. I did not include the sanitize script, hence it did not work initially.

Collectives™ on Stack Overflow

Angular ngRepeat html content

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related