javascript - Angular.js ng-style 无法发出与元素高度相关的 css 样式

标签 javascript html css angularjs

ng-style 应该根据通过 JSON 定义的样式发出 html style 属性。例如:

 <div ng-style='{"background-color":"yellow", "height":"500px;"}'></div>

应该编译成类似的东西:

 <div style='background-color:yellow; height:500px;'>

现在的问题是它适用于某些 css 样式,例如 background-color 但不适用于某些其他样式,例如 height 。这是一个现场演示: http://plnkr.co/edit/DACbF0GHU7LweBL9poka?p=preview 我做错了什么或者这是 Angular 中的错误?

附言。这个问题不是关于内联样式是否是个好主意。条形图之类的东西需要将高度绑定(bind)到动态数据。

最佳答案

问题是 500px 之后的分号。应该是:

<div ng-style='{"background-color":"yellow", "height":"500px"}'></div>

关于javascript - Angular.js ng-style 无法发出与元素高度相关的 css 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20169405/

相关文章:

javascript - 检查 Javascript 中的余数

javascript在匹配行后替换字符串

javascript - D3js - 强制定向图 - 相邻节点和链接的高级突出显示,这可能吗?

html - CSS居中的东西

javascript - 如何使用 Chrome 开发者工具保留 CSS 更改

javascript - 为什么变量没有注册为 true 以使第二个 if 语句起作用?

javascript - 如何点击将html表单加载到 Angular 目标中?

html - 哪种字体可以在所有浏览器上呈现 ASCII 艺术?

layout - 使用 <DIV> 标签实现 3 列网站的最佳方式?

javascript - 带有弹出模块的多个元素