$sce.trustAsHtml() отфильтровывает изображения

Используя решение, которое я нашел в связанном вопросе ( Как вы используете $sce.trustAsHtml(string) для репликации ng-bind-html-unsafe в Angular 1.2+)

Ответ фильтра на этой странице кажется лучшим.

app.filter('unsafe', function($sce) {
    return function(val) {
        return $sce.trustAsHtml(val);
    };
});

Мои изображения отображаются в IE 10, но не отображаются в Chrome или Safari. Может кто-нибудь, пожалуйста, помогите мне понять, почему? Чтобы увидеть мою дилемму, перейдите на http://groceryads.com и выберите город из раскрывающегося списка.

Заранее спасибо.


javascript angularjs angularjs-filter
person Joe Mitchell    schedule 02.06.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Кажется, проблема не в angular, а в css. Если после выбора города я запускаю в инструментах разработчика следующее, я прекрасно вижу ваши изображения (Chrome):

$('#ifrss').contentWindow.window.$('img').css({width:100,height:100,maxWidth:'none'});
person Jack    schedule 02.06.2014
comment
Спасибо за быстрый ответ, Джек. Мой css не имеет никакого форматирования, связанного с img, кроме этого: img.float { float: left; поля: 5px 15px 10px 0; граница: 5px сплошная #A33000; } Я вижу то, что вы видите в инструментах разработки. Я попытался добавить ваш jquery в конце раскрывающегося списка, однако, похоже, это не решило мою проблему. Я все еще озадачен. - person Joe Mitchell; 02.06.2014
comment
@JoeMitchell Большая часть моего фрагмента предназначена для доступа к iframe. Предполагая, что ваш код действительно работает в iframe, вы хотите удалить первую часть и просто выполнить $('img').css({width:100,height:100,maxWidth:'none'}); - person Jack; 02.06.2014
comment
'@Джек, добавление img {max-width:none;} в мой css работает. Спасибо за вашу помощь, я очень ценю это. - person Joe Mitchell; 03.06.2014