Tag: ng style

在“ng-repeat”迭代中使用AngularJs“ng-style”: 我正在使用ng-style来根据它们的值有条件地设置表中数据元素的颜色。每一行数据都是用ng重复生成的。所以我有这样的东西： <tr ng-repeat="payment in payments"> <td ng-style="set_color({{payment}})">{{payment.number}}</td> 和我的控制器中的一个function，做如下： $scope.set_color = function (payment) { if (payment.number > 50) { return '{color: red}' } } 我尝试了一些不同的东西。甚至将颜色设置为支付对象中的数据属性，但是看起来我无法获得ng-style来处理来自数据绑定的数据，有没有人知道我能做到这一点的方法？谢谢。

angularjs ng-style：background-image不起作用: 我试图通过使用angular度ng-style应用背景图像到一个div（我以前曾尝试过一个自定义指令具有相同的行为），但它似乎并没有工作。 <nav class="navigation-grid-container" data-ng-class="{ bigger: isNavActive == true }" data-ng-controller="NavigationCtrl" data-ng-mouseenter="isNavActive = true; $parent.isNavActive = true" data-ng-mouseleave="isNavActive = false; $parent.isNavActive = false" data-ng-show="$parent.navInvisible == false" data-ng-animate="'fade'" ng-cloak> <ul class="navigation-container unstyled clearfix"> <li class="navigation-item-container" data-ng-repeat="(key, item) in navigation" data-ng-class="{ small: $parent.isNavActive, big: isActive == true }" data-ng-mouseenter="isActive = true; isInactive= false" data-ng-mouseleave="isActive = false; isInactive= true"> […]

如何使用ng-style设置div宽度: 我正在尝试使用ng-styledynamic设置div宽度，但它不应用样式。这里是代码： <div style="width: 100%;" id="container_fform" ng-controller="custController"> <div style="width: 250px;overflow: scroll;"> <div ng-style="myStyle"> </div> </div> </div> 控制器： var MyApp = angular.module('MyApp', []); var custController = MyApp.controller('custController', function ($scope) { $scope.myStyle="width:'900px';background:red"; }); 我错过了什么？小提琴链接：小提琴

在Angular JS中dynamic应用CSS样式属性: 这应该是一个简单的问题，但我似乎无法find解决scheme。我有以下标记： <div style="width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;"></div> 我需要将背景颜色绑定到范围，所以我尝试了这个： <div style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:{{data.backgroundCol}};}"></div> 这没有用，所以我做了一些研究，发现了ng-style ，但是没有奏效，所以我试着把dynamic的部分拿出来，只是用ng-style对风格进行硬编码，像这样… <div ng-style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;}"></div> 这甚至不起作用。我误解了ng-style作品吗？有没有办法将{{data.backgroundCol}}放入一个普通的样式属性中并让它插入值？