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

Выражение if-else ng-класса AngularJS
С AngularJS я использую ng-class следующим образом: <div class="bigIcon" data-ng-click="PickUp()" ng-class="{first:'classA', second:'classB', third:'classC', fourth:'classC'}[call.State]"/> Мне интересно, могу ли я использовать...
549878 просмотров
schedule 29.03.2023

Angular ng-class: объединить перечисляемые (массивные) классы и классы на основе условий?
У меня есть массив с классами, установленными в контроллере (должен быть таким, он читается из меташаблона страницы). Я также хотел бы, чтобы условные классы применялись к одному и тому же элементу. Является ли это возможным? Изменить, больше...
3729 просмотров
schedule 07.12.2022

Как добавить класс к переключателю и флажкам в Angular, если он отмечен или выбран не при изменении
Я хочу использовать ngClass условно, если элемент отмечен. В основном таким образом, что если данные для конкретной модели установлены, и визуально пользователь увидит элементы, выбранные либо с помощью переключателя, либо с помощью флажка, к нему...
4540 просмотров

ng-класс не делает того, что делает простой класс css
Я ожидал, что ng-класс, по крайней мере, сделает то, что делает простой класс, то есть применит свойство css. В примере с плунжером, если заменить ng-class на class , это сработает, и я получу отступ. то есть ng-class="indentLeft" не работает,...
775 просмотров
schedule 23.05.2024

Динамический класс с условными выражениями с использованием ng-класса
Я перебираю список элементов и устанавливаю флажок. Я хочу иметь класс, когда он отмечен, и другой (или его отсутствие), если он не отмечен. В настоящее время в $scope есть массив, который отслеживает, проверен элемент или нет, поэтому я пытался...
1585 просмотров
schedule 20.10.2022

Angularjs ng-класс $ ссылка
У меня есть директива «D1», которая должна создать вложенную директиву «D2», которая должна использовать ширину элемента «D1» для создания содержимого SVG. Директива «D1» использует класс ng для динамического определения размеров....
675 просмотров
schedule 20.04.2023

AngularJS - назначить DIV ширину на основе значений в ng-repeat
У меня есть простой ng-repeat, который выдает кучу данных: <div ng-repeat="data in myData" class="myClass"> {{data.Name}} {{data.Age}} </div> Который выкинет что-то вроде: Pete 25 Adam 43 Lewis 19 Как я могу...
771 просмотров

AngularJS: ng-repeat и ng-class
У меня проблема с ng-repeat и ng-class. Я хочу применить класс, только если параметр "sel" истинен. Мои данные об этом: people = [{"id":0,"name":"Simone","sel":true},{"id":1,"name":"Maria","sel":false},{"id":2,"name":"Marco","sel":false}] На...
4444 просмотров

как объединить условный класс и класс с привязкой к данным в angularjs
Чтобы применить разные классы, когда разные выражения имеют значение true: <div ng-class="{'class1' : expression1, 'class2' : expression2}"> Hello World! </div> Чтобы применить разные классы к классу с привязкой к данным,...
756 просмотров
schedule 23.08.2023

Выражение привязки строки ngClass с картой классов
Можно ли использовать ngClass с выражением И картой классов? Я хочу условно добавить класс на основе существования переменной, а также использовать эту переменную в выражении, создающем класс. Например, если isActive() имеет значение true, а...
1395 просмотров
schedule 28.02.2023

использование ng-класса для значения функции keyup
Я пытаюсь выполнить простое действительное переключение на результат функции keyup. По сути, нажатие клавиши ввода запускает функцию. Он что-то делает, а потом возвращает true или false. При этом должен измениться css-класс span возле входа. Я...
745 просмотров
schedule 07.08.2022

ng-class — поиск значения внутри объекта
У меня есть объект, который выглядит так: $scope.things = [ { name: 'Bob!', short_name: 'bob', info: 'something something' }, { name: 'Steve', short_name: 'steve', info: 'something...
87 просмотров
schedule 12.07.2023

Смешайте однократную привязку и двустороннюю привязку с ngClass
Можно ли смешивать однократные и двусторонние привязки в одном выражении? Что я пробовал до сих пор: //Both will be one time binding ng-class="::{test: testCond, test2: test2Cond}" //Doens't work ng-class="{::test: testCond, test2:...
1010 просмотров
schedule 04.01.2023

angular ng-класс с двумя классами, один из имени переменной и один с условием
Я немного застрял с проблемой, возможно, какой-то синтаксис, который я не могу найти в Интернете. Я создал директиву angular, которая получает имя класса в качестве переменной области видимости. В шаблоне я хочу добавить данное имя класса и еще...
669 просмотров

добавить класс, когда ввод действителен в angularjs
У меня есть ошибка в моей форме angularjs. Я хочу изменить класс элемента, когда ввод из формы angularjs действителен, и изменить его обратно, если он недействителен. Я получил этот код: <li data-ng-class="{ success:...
3062 просмотров

Как смешать два выражения класса ng?
У меня есть два выражения ng-класса. ng-class="{true: 'не блокировать', false: 'блокировать'}[x.done&x.hide]" ng-class="{true: 'забастовка', false: 'по умолчанию'}[x.done]" Как смешать их в один? настоящий вопрос: <div...
99 просмотров
schedule 10.11.2022

Как использовать ng-class в select с ng-options в Angular 1.4 и выше
Моя проблема похожа на одну из следующих сообщений: Как использовать ng-class в select с ng-options Я хочу иметь возможность настраивать определенные параметры в моем select с помощью CSS. Если я вернусь к используемому примеру, у меня будет...
1617 просмотров

AngularJs - невозможно установить ng-класс для определенного элемента в соответствии с ответом сервера
Я использую ng-class в своем приложении, чтобы на лету установить некоторые стили для элемента, по которому щелкнули, в зависимости от ответа сервера. Пока что я могу установить стиль только для всех элементов одновременно (я думаю, из-за одной и...
154 просмотров
schedule 10.02.2023

Ionic: показывать активную/неактивную кнопку при двойном нажатии
У меня есть 3 разные кнопки: A, B и C. Сейчас моя кнопка в порядке и отображается активной при первом нажатии. Но когда я нажимаю второй раз на ту же кнопку, неактивная кнопка не отображается. До этого я также обращаюсь к этому , но мне ничем не...
876 просмотров

Angularjs ng-class переключается между несколькими классами
Это может быть простой вопрос для некоторых из вас. <div class="component" ng-class="{'small': small, 'medium': medium, 'large': large, 'xlarge': xlarge}" ng-if="component.title == 'Heading'" ng-init="editing = false; small =...
295 просмотров
schedule 11.07.2023