Описание тега ng-class
The angularjs ngClass directive allows you to set CSS classes on an HTML element, dynamically, by databinding an expression that represents all classes to be added.
2
ответа
AngularJS 1-й нг-класс работает 2-й не
У меня есть следующее: <div data-ng-controller="resultsController"> <div id="DIV1" ng-include src="'views/sidebar.html'" ng-class="showSidebar ? 'open' : 'closed' "></div> <div id="DIV2" ng-class="showSidebar ? 'open' : 'closed'…
18 мар '14 в 14:19
0
ответов
Угловой 2 нгКласс должен включить Фокус
Изменение класса с помощью ngClass для Angular 2 работает при использовании флажка, но не работает при нажатии на текстовое поле ввода с тем же классом. Я предполагаю, что синтаксис onFocus не правильный. посмотрите этот плункер и посмотрите app.com…
12 янв '17 в 19:11
3
ответа
Несколько проверок if в ng-классе
Итак, у меня есть этот кусок кода в моем приложении angularjs, который я включаю в таблицу. Я хочу активировать класс "редкий", если индекс только 0, 1 или 2. Индекс строки. Допустим, в моей таблице 8 строк. Только первые три в нем должны иметь клас…
19 ноя '16 в 21:19
2
ответа
Директива AngularJS - ng-class в ng- repeat - это должен быть $watcher для переключения стиля?
В настоящее время я реализую шип, чтобы углубить мое понимание угловых директив и т. Д. Предпосылка состоит в том, чтобы создать список наблюдения FX по ряду валютных пар. Мой фид данных настроен для моих обновлений цен через socket.io. Камнем претк…
01 июл '14 в 07:52
2
ответа
Angular Js ng-style Условная оценка px
Попытка установить стиль элемента на основе его высоты. (то есть, если высота Синтаксис правильный, но проблема заключается в оценке свойства height в пикселях. ng-class="{true:'panel panel-success', false:'panel panel-danger'}[documents.length >…
07 ноя '14 в 02:37
2
ответа
Угловой 2 нгКласс условный с данными?
Поэтому я в основном пытаюсь выделить, если объект уже выбран. Как я могу сравнить объекты, чтобы изменить классы? Что-то вроде этого <[ngClass]="{{perkResult.perk === perk.perk}} ? 'highlight' : 'none-hightlight' "> Текущий код: <div class…
01 янв '18 в 22:36
1
ответ
ng-click / ng-class не работает должным образом с $index
Почему-то мой ng-click / ng-class комбинация не работает. На клик "hideдолжен быть добавлен на основе равенства productDisplay переменная. <div ng-repeat="product in project.data track by $index"> <p ng-click="productDisplay = $index">&l…
06 мар '15 в 09:33
2
ответа
Как я могу изменить цвет фона с помощью ng-class?
Я пытаюсь изменить цвет фона всякий раз, когда кто-то вводит "5" при использовании ng-класса. Я действительно новичок в AngularJS и просто пишу вещи, чтобы освоить его. Должен ли я где-нибудь использовать ng-if или мне нужно изменить свой CSS? Кроме…
02 сен '15 в 07:02
3
ответа
Angularjs - Как изменить цвет фона с помощью переключателя
На моей странице я динамически создал переключатели. Я хочу изменить цвет фона оболочки, когда выбран переключатель. ниже мой код <section ng-repeat="list in myList"> <div class="radioWrapper"> <input type="radio" name="{{list.categor…
18 фев '14 в 10:28
0
ответов
Интерполяция предотвращена функцией ngClass в Angular 6?
Я столкнулся со странной проблемой, связанной с использованием адаптивной боковой панели в Angular 6 ( https://github.com/akveo/ngx-admin), и я совершенно не могу выполнить интерполяцию в боковую панель. Мне нравится эта боковая панель и ее странные…
31 июл '18 в 22:23
2
ответа
Динамический класс ng не изменяется при изменении размера окна
Я попробовал директиву ng-class с троичным, и она очень хорошо работает при загрузке страницы. Моя ссылка - это переменная widthWindow.xs, она имеет значение "истина", когда размер окна является мобильным, но при изменении размера задается значение …
06 фев '16 в 20:23
2
ответа
Угловой условный класс на основе количества символов
Как условно применить класс на основе количества символов модели? Например: $scope.sample = 555; <span ng-class="{ 'char3': sample.length == 3 }">{{ sample }}</span>
09 авг '15 в 20:06
2
ответа
Angular 2 Click + ngClass, как применить ТОЛЬКО к SELF, но не ко всем элементам внутри ngFor
В Angular 1.x этот следующий код работает так, как я хочу, чтобы щелкнуть и перевернуть карту внутри ng-repeat <div class="card" ng-repeat="let card of cards"> <div class="flipcard" ng-class="{'flipped':isflipped}" ng-click="isflipped = !is…
25 июл '16 в 10:12
1
ответ
Angularjs: Как показать пустой столбец, используя ng-class или ng-if?
У меня есть около 15 строк с 7 столбцами, показанными в виде таблицы, и после каждых нескольких строк я буду показывать пустую строку на основе определенной группировки и бизнес-логики. Чтобы отметить то же самое --- отображается для каждого столбца…
13 мар '16 в 13:39
3
ответа
Угловой ng-класс с двумя классами, один с именем переменной и один с условием
Я немного застрял с проблемой, возможно, какой-то синтаксис я не могу найти в Интернете. Я создал угловую директиву, которая получает имя класса в качестве переменной области видимости. В шаблоне я хочу добавить данное имя класса и другой класс как …
30 окт '15 в 18:11
12
ответов
Добавление нескольких классов с помощью ng-class
Можем ли мы иметь несколько выражений для добавления нескольких классов ng? например, <div ng-class="{class1: expressionData1, class2: expressionData2}"></div> Если да, может кто-нибудь привести пример для этого. ,
18 сен '13 в 11:40
9
ответов
Как использовать ng-класс в select с ng-options
У меня есть массив объектов Person var persons = [ {Name:'John',Eligible:true}, {Name:'Mark',Eligible:true}, {Name:'Sam',Eligible:false}, {Name:'Edward',Eligible:false}, {Name:'Michael',Eligible:true} ]; и я использую select с ng-options как это: &l…
07 мар '13 в 05:50
2
ответа
Angular JS, как я могу фильтровать данные с помощью NG-класса
В моем Html я дважды отображал "OUI", я думаю, потому что у меня есть две установки по умолчанию (delestage, команда по умолчанию '), как я могу отфильтровать их одну за другой, используя ng-class и ng-repeat. <div ng-repeat="value in installatio…
24 июл '18 в 11:49
2
ответа
Angularjs нг-класс переключения между несколькими классами
Это может быть простой вопрос для некоторых из вас. <div class="component" ng-class="{'small': small, 'medium': medium, 'large': large, 'xlarge': xlarge}" ng-if="component.title == 'Heading'" ng-init="editing = false; small = false; medium = fals…
16 мар '16 в 14:11
0
ответов
Угловая логическая цепочка в ng-классе
Я пытаюсь связать логику в директиве angular класса ng. Мой код в ng-классе выглядит так: 'class-name': (x && y) || (z && !y) Это работало все хорошо, когда у меня было только (x && y) но другое выражение сломало его. Это: 'c…
08 авг '16 в 11:46