樣式組件 - Ionic2，AngularJS

Question

我試圖使用動態變量設置constructor內像這樣追加內聯CSS規則background-image：

<div style="background-image: url('{{backgroundImage}}');"> 
    ... 
</div> 

然後在我的組件：

export class SomeComponent { 

    backgroundImage = ''; 

    constructor(public navCtrl: NavController, public navParams: NavParams) { 
    this.backgroundImage = 'https://unsplash.it/200/300' ; } 

} 

但是，當元素呈現到屏幕上時，將忽略內嵌的CSS規則。

我試過使用Angular的ng-style，但它返回「不能綁定到'ng-style'，因爲它不是'div'的已知屬性。

我也試着設置styles我@Component聲明中爲this answer指出的，但這不會在我的情況下飛行，因爲我需要backgroundImage變量是動態的。

Answer 1

由於Ionic2（或只是離子）是建立在角（一股不AngularJS）上面，你可以做這樣的：

<div [ngStyle]="{ background: 'url(' + backgroundImage + ')' }"></div> 

或

<div [style.background]="'url(' + backgroundImage + ')'"></div>