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

0 ответов

Angular 5 [ngClass] для изменения языковых настроек

Следующий статический HTML <ul> выпадающий (со стилем, включенным ниже) работает отлично. Теперь я пытаюсь преобразовать это в динамический Angular 5 <li> с помощью *ngFor* а также ngClass, <!-- LANG SELECT - TEST --> <ul class=…
22 янв '18 в 21:04
2 ответа

ngClass не работает как надо

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

Почему мой ng-класс отображается даже когда false

У меня есть изображение, которое я пытаюсь поколебать, когда пользователь угадывает название рыбы. Я пользуюсь условно ng-class="{'shake':error}", Однако даже при правильном ответе изображение дрожит. Я не верю этому в любое время $scope.error устан…
8 ответов

Угловой [ngClass] против [класс

В чем разница в Angular между следующими фрагментами: <div [class.extra-sparkle]="isDelightful"> <div [ngClass]="{'extra-sparkle': isDelightful}">
3 ответа

ngClass неправильный ответ

Пройдя через много вопросов, я решил задать этот вопрос... angular [ngClass] странно работает со значениями для 10, 24, 100 . Я не знаю причину этого. Надеюсь, что вы все можете помочь... <div class="clearfix table-responsive mt-5"> <table …
02 авг '18 в 11:53
8 ответов

Добавить и удалить класс в Angular

Я хочу добавить цвет фона к элементу li при нажатии, но когда я щелкнул по другому элементу li, предыдущий цвет фона элемента li остается неизменным. component.html <div class="col-md-3 categories"> <h3>News By Type</h3> <ul>…
03 янв '18 в 05:40
1 ответ

Изменение класса в ng-repeat с использованием значения индекса

Здесь у меня есть div в ng-repeat <div ng-class="{div0f:result.subscribed==omega.harish,div0g:!result.subscribed==omega.harish}" id="mecota0f" ng-click="omega.harish=!result.subscribed" > Теперь здесь result.subscribeed - это логическое значен…
2 ответа

Angular: ошибки с переданными значениями @Input для переопределения текста кнопки и добавления класса с помощью ngClass

Я создал angular component называется app-button, template выглядит так: <div class="app-button"> <button class="app-button__btn">{{text}}</button> </div> В контроллере я определил два @Input переменные называются modifier а …
2 ответа

ngClass в Angular не применяется

Я пытаюсь использовать [ngClass] в Angular и кажется, что он не применяется. Удивительный [ngStyle] для похожих стилей CSS работает. Что я здесь делаю не так? В консоли нет ошибок. Когда я проверяю инструменты разработки, классы применяются к тегу, …
10 июн '17 в 11:32
0 ответов

ngClass загружает только один класс из строки классов

Я использую ngClass (Angular 2) для загрузки строки классов, если условие истинно, и другой строки классов, если условие ложно! Вот код: <label [ngClass]="{'btn btn-success m-btn m-btn--pill': value==2, 'btn btn-outline-success m-btn m-btn--pill'…
06 май '18 в 08:10
9 ответов

Угловой ngClass и событие click для переключения класса

В Angular я хотел бы использовать ngClass и событие click для переключения класса. Я просмотрел онлайн, но некоторые из них angular1, и нет четких инструкций или примеров. Любая помощь будет высоко ценится! В HTML у меня есть следующее: <div clas…
14 июн '17 в 04:35
1 ответ

Angular2 [ngClass] Условный сбой с пробелами

У меня есть условное выражение ngClass, которое отлично работает на именах классов без пробелов, но когда я пытаюсь сделать что-то, как показано ниже, и переключаю isTrue при нажатии кнопки, класс меняется с "btn btn-primary" на "btn-default". Прост…
25 июл '17 в 20:30
2 ответа

Переключить два класса с AngularJS / jqLite по клику

Я не хочу получать анимацию slideIn / slideOut, переключая классы slideInRight и slideOutRight на элемент ul. Я пробовал по-разному, но он работает только с одним className. Как я могу добавить класс slideInRight для первого и класс slideOutRight пр…
2 ответа

Применить ng-class только к элементу, на котором был нажат

Я хочу применить ng-class только на button/element на что нажали, как бы я это сделал? Файл JS: var classApp = angular.module('classApp', []); classApp.controller('classCtrl', function ($scope) { $scope.isActive = false; $scope.activeButton = functi…
2 ответа

Добавить ngClass ко всем выбранным элементам div

Я пытаюсь добавить "активный" класс ко всем элементам div (в данном случае - опциям), по которым щелкают, и удаляет класс вторым кликом. Количество опций может варьироваться, так как оно генерируется ngFor. HTML <div [ngClass]="{'active': select…
12 янв '18 в 16:54
2 ответа

ExpressionChangedAfterItHasBeenCheckedError with ngClass

У меня есть два якорных тега <ul class="switchNav"> <li [ngClass]="!hidePanel2 ? 'active' : ''"> <a href="javascript:void(0)" (click) ="hideShowPanel(1)">panel 1</a> </li> <li [ngClass]="!hidePanel1? 'active' : ''"&g…
24 сен '18 в 07:25
2 ответа

Динамически добавлять класс в элемент, используя AngularJS

Я хочу подражать тому, что я сделал с JQuery с помощью AngularJS, Ниже скрипка для этого. Три вещи, которые я сделал здесь. Найдите последний элемент в правом столбце. Возьмите с него атрибут data-color Присвойте значение атрибута как класс 'правой …
01 фев '16 в 11:16
1 ответ

Использование Angular ngClass динамически не работает

Я пытаюсь динамически установить класс моего изображения в моем шаблоне в зависимости от того, какое изображение нажимается. Я использовал это точно так, как показано в прошлом, и это сработало тогда, но в этом случае не работает. Код шаблона для вы…
06 май '18 в 15:14
1 ответ

ng-класс не корректен при начальной загрузке страницы

Эта проблема меня давно расстраивала. При загрузке страницы сортировка по умолчанию для таблицы устанавливается с помощью этого кода: $scope.sort = { field: 'date', dir: 'asc' }; Сортировка изменяется путем нажатия пользователем на заголовки таблицы…
10 сен '15 в 22:31
2 ответа

Изменение цвета кнопки в зависимости от условия в ngclass в Angular6

Если я нажму кнопку, цвет изменится на оранжевый, но по требованию после нажатия той же кнопки его нужно изменить на цвет по умолчанию. поэтому, пожалуйста, наведите меня на это. <button #val1 class="mat-raised-button" [ngClass]="{'orange': val1.…
30 ноя '18 в 07:29