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

можно ли объединить несколько ng-классов
можно ли избежать повторения кода здесь, заменив ng-switch на ng-class. <li ng-repeat="el in elm.required"> <span ng-switch on="el.type" > <i class="icon-file" ng-switch-when="upload" tooltip="{{el.name}}"...
3290 просмотров
schedule 10.02.2023

ng-класс не оценивается как истинный
У меня есть html, с которым я пытаюсь использовать ng-класс. Если я просто жестко закодирую «true», мой CSS для класса применяется, как и ожидалось. Но как только я заменяю true выражением (показано ниже), кажется, что мой класс не применяется. Вот...
786 просмотров
schedule 27.07.2022

AngularJS Несколько классов с использованием выражения
У меня есть таблица, в которой мне нужно применить два разных класса, используя выражения. 1-й класс применяется на основе следующего выражения. {'Up':'class-up', 'Down':'class-down'}[a.status] и 2-й класс применяется на основании bold: !a.read...
64 просмотров
schedule 18.01.2023

AngularJS: изменение области действия в ngClick теряется
У меня есть ngClick и ngClass для элемента, дублированного ngRepeat: <li ng-class="{'active': $parent.mem.A == $key, 'not-active': $parent.mem.A && $parent.mem.A != $key}" ng-repeat="($key, A) in As" ng-click="$parent.mem.A...
574 просмотров

Добавление и удаление класса из родительского div AngularJS
У меня есть 3 коробки, каждая со своей кнопкой. Кнопка используется для свертывания родительского div путем добавления к родительскому классу «свернутого». У меня есть добавляемые классы, но мне нужно заставить их работать независимо от других...
823 просмотров

Angular ng-class применяется по-разному в 1.3.0 по сравнению с 1.2.25.
У меня есть относительно большое приложение Angular, построенное поверх версии 1.2.25. В моем недавнем обновлении до 1.3.0 я обнаружил только одну серьезную проблему, которая, кажется, меняется, когда изменения класса html вносятся в DOM. В этом...
384 просмотров
schedule 27.01.2024

Angular ng-animate 1.3.* Причины неожиданного поведения внутренней директивы ng-class
Я занимаюсь переходом с версии 1.2.* на 1.3.* и столкнулся с очень странной и критической ошибкой. В моем приложении очень простое directive содержит template с ng-class (с условием для свойства области действия), по какой-то причине оно не...
529 просмотров

ng-Class — несколько условий и классов
Я искал примеры нескольких условий в ng-class, но не могу найти ту же терминологию. Вот пример того, чего я хочу добиться. ng-class="isSelected? 'side_menu_link_active': 'side_menu_link_disabled', pageSelected == 'лекции'? 'link_active':...
14065 просмотров
schedule 14.01.2023

попытка использовать ng-класс с несколькими условиями
Я пытаюсь настроить ng-класс для работы с div с двумя условиями: ng-class="(accounts.length == 1 && account.cardName =='Cash') ? 'one-dash-cash': ''" а также ng-class="(accounts.length == 1 && account.cardName =='Points') ? 'один тире': ''"...
2243 просмотров
schedule 02.07.2022

Как добавить класс к элементу, когда другой элемент получает класс в angular?
У меня есть директива scrollspy, которая добавляет класс «.active» к элементу навигации. Когда первый элемент навигации имеет класс «.active», я хочу, чтобы моя панель заголовка также содержала определенный класс. Прикреплен упрощенный пример, но...
677 просмотров
schedule 22.10.2022

объединение выражения class={{}} с выражением ng-class={'className': boolean}?
У меня есть следующий код внутри функции ссылки пользовательской директивы, которая создает динамическую карту с использованием d3... map.append("g") .selectAll("path") .data(topojson.feature(counties, counties.objects.counties).features)...
119 просмотров
schedule 03.05.2023

как переключить класс дочерних элементов с помощью angularjs
при нажатии на якорь, как переключать классы дочерних элементов span? У меня уже есть одна функция щелчка на моем якоре: как при щелчке переключить «глификон-шеврон-вниз» на «глификон-шеврон-вверх»? <a ng-click="toggleList()">...
717 просмотров
schedule 31.12.2022

ngClass не работает должным образом
Я играю с ngClass, и я не знаю, что я делаю неправильно. Он показывает странное поведение. Похоже, когда я назначаю функцию ngClass, она не работает, но если я назначаю ей литерал объекта, она работает. Как я могу заставить ngClass работать с...
2501 просмотров

Как правильно комбинировать строки и переменные при применении ng-класса через выражение?
Когда мое приложение инициализируется, следующая реализация ng-class работает, как и ожидалось, и имя класса применяется правильно. Однако, когда значение person.status изменяется во время выполнения, класс остается прежним. Вот мой код:...
1104 просмотров
schedule 29.03.2023

Установить вкладку по умолчанию на вкладки Angular.js
У меня есть компонент Angular.js со списком вкладок. При нажатии на вкладку я назначаю ей ng-class (активный), поэтому она выделяется. Это работает нормально, но я также хочу, чтобы первая вкладка была активной по умолчанию, когда пользователь...
1242 просмотров
schedule 04.06.2022

ng-класс не работает должным образом для выбранного флажка
Я столкнулся с небольшой проблемой, связанной с ng-class. У меня есть список флажков. Для этого списка я настраиваю ng-класс следующим образом, если установлен флажок, устанавливаю собственный класс CSS для выбранного элемента. Также у меня есть...
449 просмотров
schedule 30.06.2023

Выражение ng-класса Angularjs содержит подстроку по сравнению с текущим днем
Как вы можете видеть в следующем коде, у меня есть таблица, заполненная различными строками с помощью ng-repeat и JSON. <tbody> <tr ng-repeat="roll in filtering(JSON) | orderBy:[sortType,'Cutoff']:sortReverse | filter:q as results"...
1449 просмотров
schedule 13.07.2022

Как указать определенный класс, когда заголовок имеет определенную длину в ng-repeat?
Я не могу заставить это работать. <div ng-repeat="title in titles"> <h1>{{title.name}}}</h1> </div> Что я хочу сделать, так это получить длину заголовка. Допустим, если в названии 10 букв, я хочу присвоить ему...
228 просмотров
schedule 10.02.2023

показать класс только для щелкнутого элемента angular 2
Я не знаю, как установить видимый класс только для щелкнутого элемента в частичном компоненте. Итак, у меня есть тема с: <div class="photo-container" *ngFor ="let i of modalImages; let index = index"> <div...
2363 просмотров
schedule 29.07.2023

ngClass с несколькими выражениями с классом времени выполнения
Шаблон дочернего компонента (дочерний компонент): <div [ngClass]="{ 'default': !inputCssClass, inputCssClass: inputCssClass }"></div> <div [ngClass]="{ 'default': !inputCssClass, {{inputCssClass}}: inputCssClass }"></div>...
462 просмотров
schedule 03.04.2022