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