Запитання з тегом «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> Це не спрацювало, тому я провів …

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 

Я намагаюся застосувати фонове зображення до div, використовуючи angular 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 …

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