Описание тега ng-style
Директива ngStyle позволяет вам установить стиль CSS для элемента HTML условно.
3
ответа
Элементы стиля, если они удовлетворяют условию, AngularJS
<div ng-if="item.attribute == 'attribute1'"> doSomething </div> <button class="button button-block button-postive waves-effect waves-button waves-light"> Button 1 </button> Я хочу сделать так, чтобы если item.attribute == att…
11 авг '15 в 15:26
4
ответа
Как динамически изменить свойство CSS в AngularJS
Прямо сейчас у меня есть URL фонового изображения, жестко запрограммированный в CSS. Я хотел бы динамически выбирать фоновое изображение, используя логику в AngularJS. Вот что у меня сейчас есть: HTML <div class="offer-detail-image-div"><di…
12 сен '16 в 08:56
1
ответ
(AngularJS) Как случайным образом упорядочить детей в div без ng-repeat
Я делаю простейшее приложение для викторин, и данные JSON, полученные от моего клиента, не позволяют мне повторить варианты на странице викторин. У меня есть шесть статических элементов, которые отображают мой выбор на основе отфильтрованных данных …
08 мар '16 в 22:25
2
ответа
Почему мой стиль нг не работает?
Я пытаюсь установить стиль с ng-style, У меня есть массив: scope.order = [0, 1, 2, 3, 4, 5] И я пытаюсь использовать его, чтобы установить порядок на div: <div class="col-md-3" ng-show="country.usesAddrDistrict" ng-style="{'order': order.indexOf(…
29 май '17 в 12:58
2
ответа
Как изменить стиль при изменении с AngularJS?
Сначала я инициализирую переменную с 0px: <span ng-init="topStyle='0px';"> Тогда у меня есть блок, где мне нужен этот стиль: <span ng-style="{top: '{{topStyle}}'}"> Но когда я изменяю это значение на что-то другое, стиль не меняется вооб…
28 ноя '14 в 09:12
1
ответ
Как установить ngclass/ngstyle inline для псевдо css calsses
У меня есть ниже HTML и CSS, и мне нужно установить.tooltip:after для {{ item.color }} так же, как я установил для статического класса, используя ngstyle. <div class="tooltip" ng-style="{ 'background' : item.color}" ng-class="{ 'after': border-to…
29 мар '16 в 16:23
0
ответов
$color из variables.scss в pug не читается с помощью ngStyle
Работая с Angular2+, как я могу получить значение $fam_1 в файле pug с помощью ngStyle? В моем файле variables.scss: $fam_1: #A474DB; В моем файле.pug: divName('[ngStyle]'="{'background-color' :'$fam_1'}") Примечание: если вместо '$fam_1' поставить …
28 мар '18 в 08:50
3
ответа
Angular TypeError: name.replace не является функцией для стиля ng
Я новичок в angular и получаю следующую ошибку в консоли TypeError: name.replace is not a function, Я не уверен, что именно это вызывает, но это, кажется, вызвано ng-style заявление и, возможно, что-то делать с camelCase? Я не понимаю, почему ng-sty…
21 июл '15 в 20:58
1
ответ
AngularJS изменить стиль шрифта
Я пытаюсь изменить стиль шрифта элемента, когда переменная истинна. В моем контроллере есть переменная, которая возвращает свое значение. Теперь я хочу изменить стиль шрифта на основе возвращаемого значения. Это должно происходить через стиль нг. Уж…
21 июн '16 в 16:01
0
ответов
Фоновое изображение в стиле нг не работает
Я пытаюсь изменить фоновое изображение, используя стиль нг <div ng-style="{'background-image':'url(/images_gameplay/trading-'+color+'-1px.png)'}"> Когда он делает поиск локального пути, как "url(file:///G:/images_gameplay/trading-darkblue-1px.…
10 июл '15 в 07:31
2
ответа
Угловая 5 - связать полное выражение стиля
Я хочу связать полное выражение стиля для элемента HTML. например: выражение, как это в home.ts: divStyle:string = "top:50%;bottom:50%;color:green;"; и в home.html я попробовал эти способы привязать стиль к элементу: <div class="preloader" [attr.…
05 ноя '18 в 15:29
1
ответ
Почему вложенные фигурные скобки в угловых не работает?? Каково альтернативное решение для этого?
У меня есть объект JSON "blog1":{ "blogid":"1", "body":"sometext" "IMG":"URL of image" } Я пытаюсь получить доступ к этому объекту IMG элемент, чтобы установить в качестве фонового IMG для div используя стиль нг, как показано ниже <Div ng-control…
23 янв '17 в 19:50
1
ответ
Динамическая установка свойства CSS слева с использованием вычисления ширины Angular 6
В настоящее время я создаю аудиоплеер CSS, и я устанавливаю ширину div для отображения текущего прогресса звука, используя [стиль], как показано ниже, и он работает просто великолепно: <div class="player-progress-current" [style.width.%]="(curren…
09 июн '18 в 19:08
2
ответа
AngularJS: динамическая настройка цвета фона
У меня есть эта таблица, показывающая журналы программного обеспечения, которые заполняются данными JSON: <div ng-controller="LogCtrl"> <table id="logtable" style="width:100%"> <tr> <th>Timestamp</th> <th>Severity…
17 май '15 в 15:20
3
ответа
Почему мы используем стиль ng вместо стиля в AngularJS для форматирования CSS?
Я начал работать с AngularJS последние несколько дней. Я просто хочу знать, почему мы используем ng-style когда у нас есть style тег для стилизации наших компонентов в статических и динамических веб-страницах. Я надеюсь, что я получу решение для тог…
24 май '17 в 11:33
1
ответ
AngularJS, как включить цветную печать CSS при использовании стиля нг?
У меня есть приложение, которое генерирует некоторые данные в таблице, и каждая ячейка имеет определенную комбинацию цвета фона и цвета текста, заданную его свойствами. код для этого прост: ng-style='{"background-color": lt.backgroundColor, "color":…
28 июн '18 в 14:47
1
ответ
CSS не обновляется динамически в AngularJS
Я пытаюсь сделать 2 div с их шириной, установленной значением angularJS (0 - 100), поэтому я сделал это: <span class="green" ng-style="{width: '{{videoRating}}%'}"</span> <span class="red" ng-style="{width: '{{100-videoRating}}%'}">&l…
29 апр '15 в 13:38
1
ответ
Angular6 ngStyle для динамического применения стиля
Я использую angular6 и пытаюсь реализовать цвет фона с помощью встроенных стилей в угловой таблице. Если я жестко закодирую значения, цвет фона изменится, но если я попытаюсь поместить его через переменную, он останется таким же. Шаблон: <ng-cont…
28 ноя '18 в 11:00
1
ответ
Возникли проблемы при определении областей сетки с помощью ngStyle
Я создал механизм для создания CSS-гридов, которые я пытаюсь реализовать ngStyle, Вот что сгенерировано "GridAreas": { "LinkContainer": "{'grid-area': 'link-row-start / content-col-start / link-row-end / content-col-end'}", "BodySection" : "{'grid-a…
03 янв '18 в 07:28
0
ответов
Преобразовать выражение стиля в стиль нг
Можно ли заменить это выражение стиля на стиль ng? Это прекрасно работает для нормального выражения стиля. style="background: url(<?php echo base_url();?>{{ItemMainImgPath || Items.image_thumb_1_path}}/main.jpg) no-repeat; background-size: cov…
05 дек '17 в 02:41