Вопросы по теме '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 просмотров
schedule
20.09.2022
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 просмотров
schedule
11.08.2023
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 просмотров
schedule
07.08.2023
как объединить условный класс и класс с привязкой к данным в 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 просмотров
schedule
01.06.2024
добавить класс, когда ввод действителен в angularjs
У меня есть ошибка в моей форме angularjs. Я хочу изменить класс элемента, когда ввод из формы angularjs действителен, и изменить его обратно, если он недействителен.
Я получил этот код:
<li data-ng-class="{ success:...
3062 просмотров
schedule
15.10.2022
Как смешать два выражения класса 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 просмотров
schedule
16.07.2023
AngularJs - невозможно установить ng-класс для определенного элемента в соответствии с ответом сервера
Я использую ng-class в своем приложении, чтобы на лету установить некоторые стили для элемента, по которому щелкнули, в зависимости от ответа сервера. Пока что я могу установить стиль только для всех элементов одновременно (я думаю, из-за одной и...
154 просмотров
schedule
10.02.2023
Ionic: показывать активную/неактивную кнопку при двойном нажатии
У меня есть 3 разные кнопки: A, B и C. Сейчас моя кнопка в порядке и отображается активной при первом нажатии. Но когда я нажимаю второй раз на ту же кнопку, неактивная кнопка не отображается. До этого я также обращаюсь к этому , но мне ничем не...
876 просмотров
schedule
04.08.2023
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