Show user input as HTML - angular1

Question

I have in my controller a variable, which is defined on the $scope, which contains an html input.

function init() {
        $scope.message = params.message;
    }

Where params.message could be for example something like this:

<h1>Hellow world</h1><p>Hi again</p><br><br> <b> End </b>

in the html I use it like this:

    <div ng-show="showTab == 'EN'">
        <div class='library-padding'>
            <p>{{message}}></p>
        </div>
    </div>

I want it to be shown as parsed html, meaning that the tags themselves will not appear, but it's displayed as plain text, including all tags.

How can I make this input text parsed and behaving like html?

Thanks!

HankScorpio · Accepted Answer · 2021-02-23 20:46:15Z

1

You're looking for the ngBindHtml directive:

<div ng-show="showTab == 'EN'">
    <div class='library-padding'>
        <p ng-bind-html="message"></p>
    </div>
</div>

answered Feb 23, 2021 at 20:46

HankScorpio

3,65117 silver badges28 bronze badges

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

1 Answer 1