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

Изменение стиля ns в Angularjs через контроллер
Я пытаюсь изменить цвет фона div. Мой html-код ниже: <div ng-style="{'background-color': backgroundImageInfo}"> <input type="file" onchange="angular.element(this).scope().fileThatChangeBackground(this)" /> </div> Мой...
3228 просмотров
schedule 29.11.2023

Как динамически обновлять ng-стиль на основе переменной?
Я хочу передать значение x , y из массива (item.x, item.y) в ng-style родительского элемента, обновив переменные transformX , transformY (обновление осуществляется директивой ng-click ). -html- <section ng-style="{'transform' :...
455 просмотров

Angular ng-style не применяет изменения автоматически, когда я меняю его с контроллера
У меня есть контент, в котором я использую ng-стиль, вот часть html-шаблона: <div ui-tree-handle data-nodrag class="tree-node tree-node-content" ng-click="toggle(this)" ng-style={{breddeCSS}}> breddeCSS определяется в...
345 просмотров
schedule 22.05.2024

как установить встроенный ngclass / ngstyle для псевдокодов css
У меня есть приведенные ниже html и css, и мне нужно установить .tooltip:after на {{ item.color }} так же, как я установил для статического класса с помощью ngstyle. <div class="tooltip" ng-style="{ 'background' : item.color}" ng-class="{...
784 просмотров
schedule 22.05.2023

Исключение Angular2: невозможно привязать к ngStyle, так как это неизвестное собственное свойство
Недавно я проделал большую работу с новым фреймворком Angular2. При тестировании некоторых функций я столкнулся с ошибкой: Can't bind to 'ngStyle' since it isn't a known native property При исследовании самой ошибки я пришел к...
24339 просмотров
schedule 30.03.2024

AngularJS — условный ngStyle
Есть ли возможность сделать что-то вроде этого: <span data-ng-style="vm.myFlag == true ? 'background-color:{{myObject.color}};padding:2px;border-radius:2px;' : ''"> Это если-иначе не работает. ngClass не работает, потому что цвет...
5379 просмотров
schedule 02.02.2023

Установите значения CSS, используя значение, установленное в селекторе компонентов (Angular 5)
Вот что я хочу, ниже. По сути, я хочу использовать mat-icon в angular/material для доступа к значкам материалов и динамически изменять их размер с помощью директивы ngStyle (или лучшего решения, если оно доступно). Мне нужен динамический размер (я...
3079 просмотров
schedule 14.11.2023

Как установить для ngStyle значение по умолчанию в Angular
Вот часть моего html: <div class="container"> И вот соответствующая часть CSS: .container{ width:100%; height: 45px;} @media (min-width: 768px) { .container{ height:60px;} Теперь я хочу привязать стиль этого div к свойству с...
1841 просмотров
schedule 15.06.2023

Angular 6: обновить стиль NG с помощью функции
Я здесь сегодня, потому что мне интересно кое-что о стиле NG с Angular ( моя версия — 6 ). Как я могу обновить [ngStyle] , когда я использую функцию для возврата значения. Как всегда, вот упрощенный пример моей проблемы: Я генерирую div из...
1639 просмотров
schedule 29.06.2022

Удаление углового ngstyle -webkit-
Приведенный ниже код работает в Chrome, но, похоже, он удаляет -webkit- , -moz- или -o- , что не позволяет мне правильно отображать его во всех браузерах. [ngStyle]="{'-webkit-transform': 'rotate(' + ((marks.result * 1.8) - 90) + 'deg)'}"...
300 просмотров
schedule 12.08.2022

Angular, как я могу применить условие к [ngStyle] и class. Что если выполняется условие true [ngStyle], в противном случае класс запускается
Компонент.Html <div class="infoSection" [ngStyle]="FooterStyle"><br> Здесь у меня есть класс (infoSection), который исходит из моего Component.css и [ngStyle]=FooterStyle, который исходит из component.ts, и я...
171 просмотров
schedule 21.10.2022