我正在尝试使用在constructor
中设置的动态变量来添加background-image
的内联CSS规则,代码如下:
<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
,但返回“无法绑定到'div'的已知属性,因为它不是已知属性”。我还尝试在
@Component
中设置styles
,如此答案中所述,但在我的情况下无法实现,因为我需要backgroundImage
变量是动态的。