2017-02-03 2 views
0

У меня есть Угловая 2 директива, которая имеет принимающую слушатель, который задает фоновое изображение CSS свойство так:Угловой 2 Директивы Renderer не работает в Safari/IE

this.renderer.setElementStyle(this.el.nativeElement, 'background-image',`url(https://secure.miamibeachfl.gov/parking/content/images/${type}.png`); 

Это работает в Chrome и Firefox но не работает в IE или Safari. Я не уверен, что это проблема совместимости с Angular и IE/Safari, или просто проблема с CSS. Вот plnkr, демонстрирующий проблему.

ответ

1

Вам не хватает закрывающих круглых скобок.

this.renderer.setElementStyle(this.el.nativeElement, 'background', `url(https://secure.miamibeachfl.gov/parking/content/images/${type}.png)`); 

Я полагаю, что Chrome и Firefox по-прежнему смогут анализировать без него, но Safari и IE не могут.

+0

Ничего себе, мои глаза действительно играли на меня. Я полностью забыл об этом из-за того, что он работал в Chrome. благодаря –

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