Questions tagged «ng-style»

这应该是一个简单的问题，但是我似乎找不到解决方案。 我有以下标记： <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，但是那没用，所以我尝试去掉动态部分，只是ng-style像这样硬编码其中的样式... <div ng-style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;}"></div> 甚至都不起作用。我误会如何ng-style工作吗？有没有一种方法可以放入{{data.backgroundCol}}普通样式属性并使其插入值？

112 javascript  angularjs  ng-style 

我正在尝试使用动态设置div宽度ng-style，但未应用样式。这是代码： <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"; }); 我想念什么？ 小提琴链接：小提琴

79 css  angularjs  ng-style 

我正在尝试通过使用angular将背景图像应用于div ng-style（我之前尝试过使用具有相同行为的自定义指令），但是它似乎没有用。 <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= …

76 javascript  angularjs  angularjs-directive  angularjs-ng-repeat  ng-style