Вопросы по теме 'ng-style'

Использование стиля ng AngularJs в итерации ng-repeat
Я пытаюсь условно установить цвета элементов данных в таблице на основе их значения, используя стиль ng. Каждая строка данных генерируется с использованием повторения ng. Итак, у меня есть что-то вроде: <tr ng-repeat="payment in...
64170 просмотров
schedule 29.07.2023

AngularJS - условно применить стиль с использованием стиля ng к первому элементу в ng-repeat
У меня есть объект стилей, и мне нужно установить другой стиль css только для первого элемента. Специально для этого создал директиву, но она не работает Я буду признателен за вашу помощь! Вот код: <div class="row" ng-style="rowCss"...
3978 просмотров
schedule 11.04.2023

Обновить атрибут стиля при обновлении ngStyle
У меня есть div с атрибутом ngStyle . Первоначально div выглядит нормально. Но когда я обновляю свойство, которое используется внутри атрибута ngStyle , тег style не обновляется. Таким образом, изменения не отражаются в файле div . Вот...
1846 просмотров
schedule 01.09.2022

Могу ли я использовать данные из вызова API в директиве Angular в стиле ng?
Я пытаюсь установить цвет границы и цвет тени вокруг изображений, извлеченных из API, на основе других данных из API. По сути, я хочу, чтобы эти цвета загружались динамически. Благодаря исследованиям я знаю, что ng-стиль — это путь, и я прошёл 90%...
323 просмотров
schedule 19.07.2023

Как создать один элемент в стиле ng, это $index, созданный ng-repeat?
У меня есть 2 директивы: wa-hotspots и wa-tooltips . На ng-mouseover из wa-hotspots он берет этот $index из wa-hotspot и устанавливает видимость и положение wa-tooltip через ng-class:on и ng-style="tooltipCoords" с помощью...
5119 просмотров

Динамически задавать ширину элемента на основе количества элементов ng-repeat
Я новичок в использовании AngularJS 1.4.x. <div class="colContainer" ng-repeat="item in betNumber" ng-style="{width:{{rowWidth(item.length)}} +'px'}"> когда нажмите AddNumber ball больше 13, я хочу, чтобы размер ширины мог изменяться....
2902 просмотров
schedule 16.05.2024

Способы появления и исчезновения динамического фонового изображения в стиле ng
У меня есть основной div с динамическим фоновым изображением в стиле ng, например: <div class="modal slide-in-up profile-view" ng-style="{'background-image':'url(' + jobTypeSelected.backgroundImagePath + ')'}" ng-controller="tasksCtrl">...
584 просмотров

AngularJS: ng-класс для динамического изображения в кодировке base64 в качестве фонового изображения
Кому-нибудь еще удалось использовать ng-class для размещения динамических изображений в кодировке base64 в качестве фоновых изображений для div? Кажется, работает для JQuery (см. in-javascript">Есть ли способ установить background-image как...
2593 просмотров
schedule 27.03.2023

Сравните два массива и с помощью ng-style отметьте одинаковые записи в массивах.
У меня есть список, который показывает запрос слов из базы данных, оттуда я могу щелкнуть одно слово, и оно будет перемещено в другой список, который я могу сохранить. С этим я могу создавать различные списки слов. Что я хочу сделать, так это...
287 просмотров

Почему вложенные фигурные скобки в angular не работают?? Что такое альтернативное решение для него?
У меня есть объект json "blog1":{ "blogid":"1", "body":"sometext" "IMG":"URL of image" } Я пытаюсь получить доступ к этому элементу IMG объектов, чтобы установить его в качестве фонового IMG для div , используя стиль ng, как показано...
735 просмотров

Angular 2: установить свойства наведения с помощью ngStyle
Я пытаюсь установить состояния свойств при наведении, используя [ngStyle]. Следующее устанавливает только цвета нормального состояния. Когда я навожу мышь на кнопку, кнопка не меняется на нажатые цвета, как ожидалось. <button...
26453 просмотров
schedule 10.03.2023

Угловой стиль ng с более чем двумя условными выходами
Стиль моего текста зависит от трех условий: условие1: цвет должен быть зеленым условие2: цвет должен быть синим условие3: цвет должен быть красным Таким образом, есть 3 выхода для одного и того же стиля (цвета). Я мог бы придумать...
2042 просмотров
schedule 30.07.2022

Переменная привязки привязывается как null при привязке с использованием ngStyle
Я пытаюсь установить фоновое изображение с помощью ngStyle, <div class="artist-banner fluid-banner-wrapper" [ngStyle]="{'background-image': 'url(../imgs/banner/' + event?.category + '.jpg)' }"> это работает, когда категория состоит...
216 просмотров
schedule 19.09.2023

ngStyle не устанавливает bg-image, когда имя файла содержит специальные символы
У меня есть изображение, возвращающееся из API, которое имеет некоторые специальные символы: например. http://... /$(KGrHqR,!lIE8MU(kS7cBPL!Eccsjg~~60_1.JPG Если я добавляю изображение вручную с помощью инструментов разработчика, оно...
371 просмотров

Как связать данные в ngStyle с помощью Angular
Я пытаюсь связать данные с помощью Angular 8, но терплю неудачу. Один из методов, которые я пробовал, выглядит следующим образом: <div class="speed" style="background-image: url('http://example.com/assets/images/meter.png')"...
214 просмотров

Не удается установить фоновое изображение (с градиентом) в Angular 9
Как указано в заголовке, я не могу установить это фоновое изображение. Я пробовал несколько способов. В настоящее время у меня есть это в моем коде: export class HeroComponent implements OnInit { @Input() content: PageContent[]; public...
299 просмотров
schedule 12.06.2022