UI.Bootstrap - 错误的文本格式

Question

我不知道为什么在我的例子中我引入了一些带有html代码的字符串。它不会出现在HTML格式中。

我的工作的一个例子是：

vm_main.test = "Documents" +
        "internet site <b><a href='http://www.google.com'>www.google.com</a></b>.";

    vm_main.showModal = {
        mostrarErrores : false,
        showModal : function(jsonError) {
            var options={
                tituloModal: jsonError.titleModal,
                textoPrincipal: jsonError.mainMessage,
                textoBtnAceptar: "Aceptar",
                accionBtnAceptar: "vm_popup.cerrarPopup()",
            };
            commonPopUpService.getDisclaimerGeneric($scope, 'commonPopUpController', options);
        }
    };


    function OnOptionClick() {
        //alert('mostrar popups');
        var jsonError = {
            titleModal : "Privacy Modal",
            mainMessage : "{{vm_main.test}}"
        };
        vm_main.showModal.showModal(jsonError);
    }

错误图片：

DEMO

有人能帮助我吗？

问候

Answer 1

您需要使用ngBindHTML：

https://docs.angularjs.org/api/ng/directive/ngBindHtml

以下是您的问题的解决方案：

How to modify innerHTML by evaluating an angular expression

Answer 2

已解决!!!!

解决方案是获取angular-sanitize.js库，注入我们的模块，然后使用它如下：

<div ng-bind-html="modalObj.textoPrincipal"></div>

在这里你可以看到它有效：DEMO