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

решаемые !!!!

Решение получить угловой sanitize.js библиотеку, впрыснуть в наш модуль, и после этого использовать его следующим образом:

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

здесь вы можете увидеть его работы: DEMO