css - 如何通过输入文本的模型将照片设置为背景图像

标签 css angular ionic-framework

我是 Angular 的新手,所以我的顾虑似乎很容易解决。 我有一张通过 google API 获取的图片(si 它不是 url),我如何将它设置为只采用 URI 的 css 标签背景图像?

谢谢!

最佳答案

您可以使用 ngStyle 指令:

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

或者你可以使用[style.background-image]:

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

关于css - 如何通过输入文本的模型将照片设置为背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47540830/

相关文章:

jquery - Angular2 ngFor 折叠始终相同 <tr>

forms - 具有嵌套组的 Angular 4 动态表单

angular - AWS Lambda@Edge Viewer 请求失败,返回 'The body is not a string, is not an object, or exceeds the maximum size'

angularjs - typescript 找不到 'require' ,用 Ionic2 设置 pouchdb

css - 更改标签栏高度

android - 键盘正在将选项卡和应用程序内容推向 Android 中的 ionic 3

javascript - 当同级节点处于事件状态时,将非事件节点返回到其原始顺序

css - Rails 中 CSS 放置的问题(使用 bootstrap)

javascript - 如何在不添加样式属性的情况下修改CSS规则?

javascript - 如何在拖放中使用 jquery 删除 css 属性