'Echo' html from string in angularjs when the string is on a template

Question

I am using ionic tinder cards and each new card should be inserted in an predefined array as an object, likewise:

{text: "some_text"}

However, I might be getting html in the string and I want that html to be rendered. How can I do this considering the object above goes to a predefined array, something happens on the ionic code and then I inject it like this?

<div class="card">
        {{card.text}}
</div>

Hadi · Accepted Answer · 2016-03-01 10:50:02Z

1

use ng-bind-html directive: may be require import the sanitize module

  <div class="card">
      <span  ng-bind-html="card.text"></span>      
  </div>

answered Mar 1, 2016 at 10:50

Hadi

17.3k4 gold badges41 silver badges63 bronze badges

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

3 Comments

Fane Over a year ago

And should this work with the default ionic tinder cards code? How should I implement the sanitize in this perspective?

Hadi Over a year ago

inject sanitize in your app

Fane Over a year ago

and in this specific perspective? I'm not that familiar with angular

Varkal · Accepted Answer · 2016-03-01 10:52:56Z

0

You should use ng-bind-html

<div class="card">
    <span ng-bind-html="card.text"></span>      
</div>

If your HTMl contains potentially dangeorus tag (like script tag), you should sanitize it before

answered Mar 1, 2016 at 10:52

Varkal

1,4082 gold badges17 silver badges33 bronze badges

Collectives™ on Stack Overflow

'Echo' html from string in angularjs when the string is on a template

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related