anguar [ngStyle] 之 url问题

265 阅读1分钟

之前一直用ngstyle处理的就是背景色等简单的css样式问题,今天在写代码的时候想用ngstyle判断变量然后根据变量值绑定不同的背景图片。解决办法如下:

首先html代码如下:

    <div class="headLogo" 
[ngStyle]="{'background-image':showHeadLogo === true ? 'url('+showbgHead+')' : 'url('+hidebgHead+')' }"></div>

然后在ts里面定义变量值(值为url地址):