gpt4 book ai didi

javascript - AngularJS 和带有 ng-repeat 的 ng-style

转载 作者:行者123 更新时间:2023-11-28 06:13:24 25 4
gpt4 key购买 nike

我在使用 ng-style 和 ng-repeat 时遇到问题。

这是我的代码:

<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。

关于javascript - AngularJS 和带有 ng-repeat 的 ng-style,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36176214/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com