AngularJS和带有ng重复的ng样式
AngularJS and ng-style with ng-repeat
我在使用带有ng repeat的ng样式时遇到问题。
这是我的代码:
<div style="display:table-row" ng-repeat="row in Data.Communications" id="{{row.Guid}}">
<div style="display:table-cell;">
<img ng-src="{{row.Path}}" ng-show="row.Path" ng-style="row.Style" />
<i class="{{row.Icon}}" ng-show="row.Icon" ng-style="row.Style"></i>
</div>
</div>
这是JSON(从数据库加载的服务器端):
$scope.Data: {"LastUpdate":"23/03/2016 11:45","Communications":[{"Guid":"2","Path":null,"Icon":"fa fa-warning","Style":"{'color':'#ffff00'}"},{"Guid":"1","Path":null,"Icon":"fa fa-warning","Style":"{'color':'#ffff00'}"},{"Guid":"3","Path":"/images/blink_yellow.gif","Icon":null,"Style":"{'width':'15px', 'height':'15px'}"}]}
"样式"未应用于我的元素。有人能帮我解决这个问题吗?
基本上您已经删除了JSON,在将其分配给ng-style
之前先进行解析
ng-style="doParseToJson(row.Style)"
代码
$scope.doParseToJson = function(style){
return JSON.parse(style);
}
还要确保响应应该用"
双引号包装,而不是像'{"color":"#ffff00"}'
这样的单引号,以保持其对解析JSON有效。
相关文章:
- 不同页面背景的body标记上的角度ng样式
- 通过jQuery添加ng样式属性,angular不更新
- ng样式在与的预标记中!重要的是不能工作
- 访问一个控制器的ng隐藏值以在全局控制器中操纵另一个控制器中的ng样式
- Angular.js ng样式无法发出与元素's的高度
- AngularJS和带有ng重复的ng样式
- ng样式不基于eventListner进行更新
- 使用 ng 样式进行背景渐变时出现 AngularJS 语法错误
- IE中的AngularJS错误与样式与ng样式
- AngularJS ng 样式不随属性变化
- ng 样式,具有内值不呈现背景图像
- ng 样式无法正常工作
- 如何使用 ng 样式设置元素宽度 % 的样式
- 棱角分明.js ng 样式不会绑定值
- 来自指令的角度范围变量未以 ng 样式同步
- 如何使用ng样式单击时更新元素样式
- 如何将 ng 样式属性设置为等于对象值
- 以 ng 样式获取当前日期 - Angularjs
- ng 样式未动态更新
- Angular js 应用带有 ng 样式的渐变