html - AngularJS - 内联 css 样式渲染

标签 html css angularjs

是否有可能/以及如何/使用 Angular 变量编写内联 css 样式?

<div style="background: transparent url({{eventInfo.eventHeaderImg}}) top center no-repeat;"></div> 

这是我的输出

"NetworkError: 404 Not Found - http://test/eventInfo.eventHeaderImg"

所以我看到它没有呈现这个值。

我知道可以在 Controller 中更改它,但是我的方法可行吗?

最佳答案

你应该使用ngStyle :

一个例子:http://plnkr.co/edit/qT8skZzTwXjrh3Ye5mr9?p=preview

<div ng-style="{ background: 'transparent url({{ eventInfo.eventHeaderImg }}) top center no-repeat' }"></div> 

关于html - AngularJS - 内联 css 样式渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23289206/

相关文章:

php - 将复选框值发送到 php 脚本以通过 jquery 进行处理

javascript - 查找并分隔 JavaScript 字符串中的链接

javascript - Bootstrap 3. 如何使两行导航栏折叠?

html - 仅使用 CSS 将图像设置为正文部分?

javascript - 循环后的 Jquery 在每个 div 中显示结果

javascript - 鼠标悬停时,显示图像的大版本

css - 如何设置 Wordpress 导航子菜单的 z-index?

javascript - 如何在单击按钮时在一行 ng-repeat 中使输入只读

javascript - 如何处理 AngularJS 中的工厂服务错误

使用模板 URL 测试指令