Angular 2指令渲染器在Safari / IE中不起作用

Question

我有一个Angular 2指令，它有一个主机监听器，可以像这样设置background-image css属性：

 

 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来证明这个问题。

Answer 1

你错过了一个结束括号。

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

我猜Chrome和Firefox仍然可以在没有它的情况下进行解析，但Safari和IE无法解析。