Angularjs UI.Bootstrap-错误的文本格式

Angularjs UI.Bootstrap-错误的文本格式,angularjs,bootstrap-modal,ui.bootstrap,Angularjs,Bootstrap Modal,Ui.bootstrap,我不知道为什么在我的示例中,我引入了一些带有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

我不知道为什么在我的示例中,我引入了一些带有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);
    }
vm\u main.test=“文档”+
“互联网网站。”;
vm_main.showmodel={
大多数错误:错误,
showModal:function(jsonError){
var期权={
tituloModal:jsonError.titleModal,
textoPrincipal:jsonError.main消息,
textObstanceptar:“Aceptar”,
accionBtnAceptar:“vm_popup.cerrarPopup()”,
};
getDeclaimergeneric($scope,'commonPopUpController',options);
}
};
函数OnOptionClick(){
//警报(“mostrar弹出窗口”);
var jsonError={
标题模式:“隐私模式”,
mainMessage:“{{vm_main.test}”
};
vm_main.showModal.showModal(jsonError);
}
错误图像:


您需要使用ngBindHTML:

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

解决了

解决方案是获取angular-sanitize.js库,注入到我们的模块中,然后按如下方式使用它:

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

在这里,您可以看到它正在工作: