How i can use html in angular controller?

Question

I am trying create superscript html in my angular

$scope.Volume = 'm<sup>3</sup>';

I always get html like this

<div class="ng-binding">Volume<br>(m&lt;sup&gt;3&lt;/sup&gt;)</div>

Becuase of above html generated, it alwyas shows m<sup>3</sup> on render page rather than desired output i.e. m superscript 3.

How i can use html in angular controller?

possible duplicate of Angular js - how to print html string as html — halfzebra
– halfzebra, Commented Sep 13, 2015 at 8:48

Shark · Accepted Answer · 2015-09-13 08:50:27Z

2

In your case you can bind the html with

<div ng-bind-html="Volume"></div>

See the official documentation: See: https://docs.angularjs.org/api/ng/directive/ngBindHtml

answered Sep 13, 2015 at 8:50

Shark

2165 silver badges14 bronze badges

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

1 Comment

TheKingPinMirza Over a year ago

How i can do it inside controller?

nomve · Accepted Answer · 2015-09-13 08:50:06Z

1

You can't use HTML in templates directly. You can use ng-bind-html, but it will by default also strip out potentially problematic tags like <script>. So you also need to include ngSanitize.

answered Sep 13, 2015 at 8:50

nomve

7354 silver badges14 bronze badges

Collectives™ on Stack Overflow

How i can use html in angular controller?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related