Angular2 @HostBindingは背景画像スタイルにバインドできません

Question

@HostBindingを使用してプロパティを背景画像にバインドすると、画像URLを指定すると機能しません。 Angular2 RC-1と

まず例：

import {Component, HostBinding} from "@angular/core"; 

@Component({ 
    selector: 'demo', 
    template: 'something' 
}) 
export class DemoComponent { 

    @HostBinding('style.background-image') 
    backgroundImage = 'url(http://placekitten.com/g/200/300)'; 
} 

DOMを検査するとき、我々は<demo>something</demo>見つけることができます - >良くない

---

第二の例：

を

import {Component, HostBinding} from "@angular/core"; 

@Component({ 
    selector: 'demo', 
    template: 'something' 
}) 
export class DemoComponent { 

    @HostBinding('style.background-image') 
    backgroundImage = 'none'; 
} 

DOMを検査する際

今回、我々は<demo style="background-image: none;">something</demo>見つけることができます - > GOOD

---

私が代わりに background-imageの backgroundと試みた

、それは動作しません、まだ"blue"のような色で動作しますが、 URL。

私も"none"から"blue"に変更するとき、それは動作しますが、URLで、値が"none"を滞在しない、動的にngAfterViewInit()内部setTimeoutと後で値を変更しようとしました。

Answer 1

Angular2のスタイルサニタイザーが非常に制限されていたので、動作です...最近修正されたようです。

は、この問題を参照してください： `backgroundImageの=「URL（"のhttp：// placekitten

• https://github.com/angular/angular/issues/8491
• https://github.com/angular/angular/issues/8514（修正）