将用户输入显示为 HTML - angular1

Question

我的控制器中有一个变量，它是在 $scope 上定义的，它包含一个 html 输入。

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

其中 params.message 可能是这样的：

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

在html中我是这样使用的：

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

我希望它显示为已解析 html，这意味着标签本身不会出现，但它显示为纯文本，包括所有标签。

如何使此输入文本得到解析并表现得像 html？

谢谢！

Answer 1

您正在寻找 ngBindHtml 指令：

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

Show user input as HTML - angular1