2014-12-16 5 views
1

Я создал модальную документацию по угловому ремешке. Но мне интересно, что Modal не преобразует HTML-элементы. Я пробовал использовать и без встроенного метода $ sce.trustAsHtml(), но модально по-прежнему выводит элементы html также как строку. Я использую модальный только как объект.Угловой ремень - Модальное преобразование Html не работает

Это в моем угловом контроллере:

var message = "<span>A szelvény sikeresen elmentve!" + " URL: </span><a href='" + url + "'>" + url + "</a>" 
$scope.modal = { 
    "title": "Mentési eredmény", 
    "content": $sce.trustAsHtml(message) 
}; 

А вот кнопка, которая активирует модальность:

<button type="button" class="btn btn-sm btn-primary" ng-disabled="!savingResult.isSuccess" ng-click="saveSlip()" data-animation="am-fade-and-scale" data-placement="center" bs-modal="modal"> 
Mentés 
</button> 

Любого тело имеет представление о том, как я должен использовать содержание модального, чтобы конвертировать HTML-элементы и не выводить их в виде строки?

Поскольку следующий пример не создаст ссылку HTML элемент, так как он показывается в виде строки ...

ответ

3

я была такая же проблема и фиксируется с помощью следующего кода:

'use strict'; 
var app = angular.module('angularApp', ['ngAnimate', 'ngSanitize', 'mgcrea.ngStrap']); 
angular.module('angularApp') 

.config(function($modalProvider) { 
    angular.extend($modalProvider.defaults, { 
    html: true 
    }); 
}) 

.controller('MyController', function($scope, $modal) { 
    $scope.modal = {title: 'Title', content: 'Hello Modal<br />This is an html formatted message!'}; 
}); 

Решение заключается в настройке $ modalProvider.defaults в html: true в блоке .config. Это требует инъекции расширения ngSanitize.

Надеюсь, что это поможет! ;)

Смежные вопросы