Описание тега angularjs-ng-class

The ngClass directive allows you to dynamically set CSS classes on an HTML element by databinding an expression that represents all classes to be added.
1 ответ

Не удается вытащить класс css с помощью директивы ng-class AngularJS

Я хочу создать таблицу с функцией сортировки (возрастания / убывания) по событию щелчка (щелчок по заголовкам таблицы), используя ng-clickAngularJS. Я поделился кодом на Plunker. Проблема в том, что я не могу вытащить имя класса, предназначенное для…
11 мар '16 в 06:25
1 ответ

Угловые направляющие и нг-класс

Предположим, директива с HTML, например, в component.html лайк <div class="text-field" ng-class="{'classA': varA}"> .... </div> тогда я пытаюсь сделать... <component ng-class="{'classB': varB}"></component> После этого в ng-c…
1 ответ

Угловая вложенная переменная класса ng-repeat

Итак, у меня довольно сложная угловая таблица, и у меня есть повторяющаяся часть, которую можно использовать, но когда я устанавливаю переменную с ng-class-even а также ng-class-oddпеременная, кажется, не сохраняется. Может быть, я неправильно поним…
2 ответа

Выбор угловой вкладки с использованием метода контроллера

Я пытаюсь использовать AngularJS для отображения номера вкладки, когда определенная вкладка выбрана с помощью метода контроллера. Это не так, как ожидалось. Очень ценю вашу помощь в этом. HTML <body ng-app="coolApp"> <section ng-controller=…
1 ответ

Как удалить класс с помощью ng-mouseenter в этом случае

На div с классом tickerЯ хотел бы удалить pulse Класс CSS анимации, когда пользователь ng-mouseenters. У меня нет установки директивы только для ticker div, но есть ли простой способ удалить или обновить pulse класс в этом случае? наценка <ul>…
2 ответа

Как объединить эти 2 заявления класса нг?

<ul> <li ng-repeat="(k, v) in chartTags track by k" class="blue-tag"> <div class="tag" ng-class="{blue1: k == 0 , blue2: k == 1 , blue3: k == 2 }" ng-class="{'positive': v.direction == 'positive', 'negative': v.direction == 'negative'…
19 июн '15 в 21:15
2 ответа

ngClass - создание имени класса, содержащего угловое выражение

Я хотел бы создать имена классов, основанные на оценке углового выражения, но кажется, что angular удаляет эти выражения из в конечном итоге скомпилированных классов. При переборе ячеек используйте следующий код: <td ng-class="{'label{{cell.count…
0 ответов

Передача функции с innerHTML в ng-классе

Я пытаюсь создать предложение ng-class в AngularJS, которое оценивает длину содержимого и соответственно назначает класс, проблема в том, что текст извлекается с использованием службы angular-translate, поэтому при попытке передать переменную в нг-к…
1 ответ

Ввести область действия в ng-классе

Моя проблема проста: я делаю это: <div class="text-center tag row class_{{infoticket.tags[0]}}">{{infoticket.tags[0]}}</div> <div ng-repeat="item in ticketcontent track by $index"> <div style="display: block" class="container ro…
23 май '16 в 14:50
1 ответ

Как получить значение ng-класса в директиве

У меня есть несколько повторяющихся элементов 'li', и у некоторых из них есть такой 'активный' класс, как этот <li ng-repeat="menuSubItem in menuItem.items" ng-class="{active: vm.currentMenuName == menuSubItem.name}" active-collapsible> с друг…
1 ответ

Как я могу переместить фильтр ng-repeat в контроллер и применить "активный" класс, когда пользователь нажимает?

У меня есть слайдер с вкладками, где можно переключить вид слайдера, выбрав вкладку, которая фильтрует ng-repeat по свойству. Как я могу переместить фильтр в контроллер и применить "активный" класс, когда пользователь нажимает между вкладками? HTML:…
2 ответа

angularjs показать / скрыть вкладки, нажать на ту же вкладку скрыть содержимое

Когда я нажимаю вкладку A, показ контента когда я нажимаю на вкладку B, содержимое A скрывается, содержимое B отображается но эффект, который я хочу получить, заключается в том, что когда я нажимаю вкладку A, покажу содержимое, снова щелкните вкладк…
2 ответа

Почему ng-class не работает с именем класса?

Я написал следующий код: <style> .dotted { border:dotted; } </style> .... <p ng-style = "mystyle" ng-class="dotted "> {{ answer }} </p> Моя цель состояла в том, чтобы элемент будет помещен внутри пунктирной границы. Не работа…
0 ответов

Стилизация таблиц для ячеек с помощью ng-class и ng-repeat

Я пытаюсь применить стиль на уровне ячейки к таблице с помощью ng-reapt и ng-class. Вот что я пытаюсь сделать: <tr ng-repeat="transaction in transactionsArr" class="no-top-border"> <td ng-class="{{transaction.cellstyle}}">{{transaction.R…
2 ответа

Строка или столбцы таблицы разметки Angularjs зависит от значения

Есть ли способ добавить классы в строку или столбец в зависимости от значений. Если столбец "anzahl" равен нулю, цвет фона строки должен быть "серым", а цвет фона столбца "anzahl" - "красным". <body ng-app ng-init='articles = [ {"id":"1","name":"…
3 ответа

Добавить класс выборочно в ng-повторять AngularJS

У меня есть нг-повтор для таблицы, я хочу иметь возможность добавить класс, когда <td> щелкнуть, и удалить класс, когда не нажата. множественный <td> можно выбрать одновременно. Прямо сейчас ВСЕ города имеют или не получают класс, примен…
12 май '14 в 21:11
4 ответа

Как использовать переменные контроллера вместе с ng-click для переключения класса?

http://plnkr.co/edit/nEfBE33AJen3mz9YvjeC?p=preview У меня есть список кнопок тегов, по умолчанию после того, как все элементы загружены, я установил первые 3 элемента, чтобы иметь selected учебный класс. Теперь мне также нужны теги, чтобы получить…
1 ответ

Пользовательский интерфейс AngularJs активировал домашнюю страницу

Я работаю с приложением AngularJs v 1 с пользовательским интерфейсом маршрутизации. Мой вопрос просто, как активировать домашнюю страницу, не нажимая на ссылку ui-sref. Я пытался с ng-class="active", но это не решает задачу. <script> angular.m…
1 ответ

ngClass добавить класс к элементу A, если элемент B существует в DOM?

Я хочу использовать ngClass, чтобы добавить класс к элементу, если в DOM существует другой элемент. <div id="element-a" [ngClass]="{'my-class':(expression-to-check-if-#element-b-exists)}"> ... </div> <div id="element-b">I'm here!&l…
23 фев '17 в 16:33
0 ответов

Модифицировать DOM (ячейку таблицы) через угловую директиву после изменения области видимости

У меня есть многомерный массив, внедряемый в область просмотра, которая содержит данные о посещаемости для студентов. По сути, это цифровой лист посещаемости, отражающий множество записей. Я использую angularjs для выполнения вызовов XHR, которые мо…
31 июл '18 в 14:04