我有一个带有此样式的组件:[ngStyle]="{background: 'url(http://somedomain/api/'+event.EventID+'/otherUrlItems/image) no-repeat center center'}"
组件在服务器上,第一个组件作为背景图像添加。如何为没有任何图像关联的组件添加默认背景图像?
更新 这对我有用:
[ngStyle]="{'background': 'url(http://somedomain/api/'+event.EventID+'/otherUrlItems/image) no-repeat center center, url(https://placeimg.com/640/480/any) no-repeat center center'}"
答案 0 :(得分:0)
如果您的应用程序无法知道此活动是否有可用的背景,您可以尝试多个背景图片(最后设置默认图片)
另一种可能性是在DOM元素中添加一个类,并直接在css中设置背景图像。然后由ngStyle添加的样式将覆盖css。
但副作用是您的客户端浏览器中会有404请求。最好的选择是IMO在后端托管默认背景,并在没有图像时提供服务
如果您的角度应用程序知道图像是否可用,请查看Brian的评论中的帖子