AngularJS - data binding that accepts html tags in input form to convert to an html element

Question

Here is the general idea of what I am trying to accomplish:

The user has an input box. When the user enters text and hits enter the input is sent to a function that inserts it into an array which displays it in an ng-repeat. The actual input is from the array is data binded in a span element like so:

        <span style="text-overflow:ellipsis;">
            {{choice.text}}
        </span>

What I want to do is for the user to enter My text and then it will be interpreted as html element inside the span element with text in the middle like so:

        <span style="text-overflow:ellipsis;">
            <b >My text </b>
        </span>

However, it displays it only as text rather than an actual element. Any idea how I can implement that?

Did you read stackoverflow.com/questions/15754515/… ?

Sergiu Paraschiv
– Sergiu Paraschiv

2013-09-19 15:15:22 +00:00
Commented Sep 19, 2013 at 15:15 — Sergiu Paraschiv
– Sergiu Paraschiv, Commented Sep 19, 2013 at 15:15
can you give own ng-repeat html code

Nitish Kumar
– Nitish Kumar

2013-09-19 17:37:50 +00:00
Commented Sep 19, 2013 at 17:37 — Nitish Kumar
– Nitish Kumar, Commented Sep 19, 2013 at 17:37

Jason · Accepted Answer · 2013-09-19 15:16:41Z

2

Use the attribute ng-bind-html-unsafe

<b ng-bind-html-unsafe>test</b>

answered Sep 19, 2013 at 15:16

Jason

15.9k3 gold badges51 silver badges73 bronze badges

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

Collectives™ on Stack Overflow

AngularJS - data binding that accepts html tags in input form to convert <b> to an html element

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related