样式组件 - 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>