Tag: ng-class

Die angularjs ngClass Richtlinie erlaubt das setzen von CSS-Klassen auf ein HTML-element, dynamisch, durch databinding-ein Ausdruck, der für alle Klassen Hinzugefügt werden.

Winkel-ng-Klasse auf einen bedingten Ausdruck für ein $scope-variable in der Steuerung

Anzahl der Antworten 1 Antworten
Ich anwenden müssen, eine Klasse basierend auf der Länge einer scope-variable <div class="col-md-1"> <i class="float-right" ng-class="{'user-online':activeAssignments.length > 0, 'user-offline': activeAssignments.length <= 0}"></i> </div> Könnte ich so etwas tun oder gibt es einen besseren Weg, dies zu tun?

Angular js-ng-class falsche Bedingung nicht in der ng-repeat

Anzahl der Antworten 2 Antworten
Möchte ich betonen li wenn das radio ausgewählt ist. Innerhalb ng-repeat, ng-class true Zustand arbeitet, aber false Zustand nicht funktioniert, bitte überprüfen Sie den code unten <div ng-init="friends = [ {name:'John', age:25, gender:'boy'}, {name:'Jessie', age:30, gender:'girl'}, {name:'Johanna',

Das entfernen der Klasse von allen Kindern mit Ausnahme geklickt Kind auf ng-klicken Sie in Eckige

Anzahl der Antworten 4 Antworten
Habe ich eine einfache Liste Element wird analysiert, mit ng-repeat: <ul> <li ng-repeat="item in items" class="commonClass" ng-class="{'on': on_var}" ng-click="on_var=!on_var"> {{item.name}} <li> </ul> Klick auf ein Listenelement hinzufügen wird der name der Klasse 'auf' wie erwartet. aber ich

angularjs - ng-Klasse [$parse:syntax] Syntax Error: Token ':' ist ein unerwartetes token in Spalte 11 der Ausdruck

Anzahl der Antworten 3 Antworten
Ich bin mit dem folgenden code für "ng-class" : <i class="fa" ng-class="fa-sort-up:tableService.sortState.sortBy==id && tableService.sortState.sortMode=='asc', fa-sort-down:tableService.sortState.sortBy==id && tableService.sortState.sortMode=='desc', fa-sort:tableService.sortState.sortBy!=id"></i> Wie behebe ich diesen Fehler : Error: [$parse:syntax] Syntax Error: Token ':' is an unexpected token at column 11

ng-Klasse mit Funktion und Ausdruck

Anzahl der Antworten 3 Antworten
Ich brauche, um hinzuzufügen zwei Klassen durch die Verwendung von ng-Klasse ,eine Klasse, ich bin immer von einer Funktion eine andere, die ich brauchen, um von einem Ausdruck - Unten ist der code, die ich benutze, aber

Wie wollen Sie wechseln den aktiven Zustand ng-Klasse in einer ng-repeat Element mit ng-click?

Anzahl der Antworten 2 Antworten
<ul> <li data-ng-repeat="image in images" data-ng-click="toggle = !toggle" data-ng-init="toggle=false"> <img data-ng-class="{'active' : toggle}" src="" /> </li> </ul> CSS für 'active' - Klasse von bootstrap. Also das Umschalten funktioniert, fast, wo ich will; ich möchte es ähnlich aktive

Anwendung ng-Klasse basierend auf dem Wert

Anzahl der Antworten 1 Antworten
Habe ich eine einfache ng-repeat zeigt eine Liste der Noten und einen Wert, der entweder Positiv oder Negativ. Was ich versuche zu tun ist, wenn der Wert Negativ ist, wird die Anzeige mit einem roten hintergrund, CSS-Klasse,

ng-class auf ausgewählten element Angularjs

Anzahl der Antworten 3 Antworten
Habe ich eine situation, wo ich am Sortieren von Daten auf der basis des Ausdrucks: html : <ul> <li ng-click="expression = 'created_at'" ng-class="latest_icon: 'selected'" >latest post</li> <li ng-click="expression = 'popularity'" ng-class="popular_post: 'selected'" >popular post</li> </ul> <div ng-repeat

AngularJS $variable beobachten und bewerten ng-Klasse Ausdruck

Anzahl der Antworten 3 Antworten
Ich versuche zu implementieren ist ein Lesezeichen-like-Funktion in meine app und beobachten eine variable, die speichert alle Lesezeichen-ID. Basierend auf die variable, die ich zu erzählen habe ng-class überdenken Sie die Funktion Ausdruck so Klasse bookmarked bekommt

Wie kann ich das ändern der hintergrund-Farbe mit ng-class?

Anzahl der Antworten 2 Antworten
Ich versuche, ändern Sie die Hintergrundfarbe, wenn jemand den Eingängen a '5' während der Verwendung von ng-Klasse. Ich bin wirklich neu auf AngularJS und nur zu schreiben, Dinge zu erhalten, die von ihm hängen. Soll ich den

Winkel-ng-Klasse nicht funktioniert?

Anzahl der Antworten 2 Antworten
Hallo Jungs, ich bin versucht, ng-Klasse und bing einer Klasse zu einem Ausdruck, so dass ich unit-test-der Ausdruck verbindlich.Aber, Es scheint, dass mir etwas fehlt. Den button: <li><a class="" ng-click="onAddInterface()"><i class="icon-plus-sign"></i> add interface </a></li> Dem panel, das

Wie kann ich vergleichen mit einem string in ng-Klasse?

Anzahl der Antworten 5 Antworten
Diese Zeile scheint nicht zu funktionieren für mich. Sort By: <a href="" ng-click="setOrder('title')" ng-class="{active: orderProp == 'title'}">Alphabetical</a> Muss ich Flucht 'Titel' im orderProp == 'Titel' irgendwie? in der Steuerung habe ich ... $scope.orderProp = 'title'; $scope.setOrder =

ng-Klasse - mehrere Bedingungen und Klassen

Anzahl der Antworten 2 Antworten
Bin ich auf der Suche nach Beispielen von mehreren Bedingungen in ng-Klasse, aber ich kann nicht finden, die gleiche Terminologie. Hier ist ein Beispiel, was ich erreichen will. ng-class="isSelected ? 'side_menu_link_active' : 'side_menu_link_disabled' , pageSelected =='Veranstaltungen' ?

Ng-class - entfernen Sie eine Klasse, nachdem Sie es Hinzugefügt, um den DOM

Anzahl der Antworten 1 Antworten
Bin ich mit dem animieren.css, um die animation auf das gleiche element. Ich habe ein problem bei der Beseitigung der Klasse nach hinzufügen. HTML <form ng-submit="animate()" ng-controller="AnimateCtrl"> <input type='text' ng-model="some"> </form> <div ng-class="{shake:animation.shake}" class="animated"> Winkel myapp.controller(function($scope){ var

Hinzufügen-Klasse, um ein element auf das click-Ereignis

Anzahl der Antworten 5 Antworten
Ich bin neu in Angular Js. Ich muss eine Klasse Hinzugefügt werden, um ein element auf das click-Ereignis. Ich habe versucht den folgenden code. Aber es funktioniert nicht. <html> <head> <style> .active{color:red;} </style> <script src="js/lib/jquery.min.js"></script> <script src="js/lib/angular.min.js"></script>

Mehrere Klassen in ngClass

Anzahl der Antworten 3 Antworten
Ich versuche, fügen Sie mehrere Werte in *ngClass, was verwendet, um die Arbeit auf den bisherigen alpha-Versionen und scheint nicht zu funktionieren jetzt auf angular2 beta: <i *ngClass="['fa','fa-star']"></i> Es einen Fehler produziert: EXCEPTION: TypeError: Cannot read property

Fügen Sie mehrere Klassen mit ng-Klasse, wo eine der Klassen ist eine bedingte

Anzahl der Antworten 6 Antworten
Habe ich diese code: ng-class="{selectedHeader: key == selectedCol}" Es funktioniert, aber ich möchte auch hinzufügen, die '- Taste' Wert als eine Klasse zu, Ive versucht: ng-class="[{selectedHeader: key == selectedCol}, key]" Aber das wird nicht funktionieren, weiß jemand,

Bedingt set Eckig die ng-Klasse auf dem neuesten Stand

Anzahl der Antworten 3 Antworten
Möchte ich bedingt festlegen die Klasse eines Elements basierend auf dem Status der Anwendung (mit AngularUI-Router). Ich hab das versucht, aber es funktioniert nicht: <li ng-class="{active: $state.current.name === 'state1'}">State 1</li> <li ng-class="{active: $state.current.name === 'state2'}">State 2</li> Irgendwelche

ng-Klasse wird nicht ausgelöst, auf benutzerdefinierte Richtlinie

Anzahl der Antworten 1 Antworten
Ich bin derzeit an der Entwicklung einer schieben Sie Menü-Richtlinie für AngularJS. Das javascript besteht aus drei Arten von Richtlinien: die Richtlinien für jede Art von Schiebe-Menü (für die der Kürze halber habe ich nur die Links

Angular2 Tun, ein anderes mit ngClass

Anzahl der Antworten 1 Antworten
Habe ich folgende Vorlage : <p [ngClass]="{checked: condition, unchecked: !condition}"> Während dieser arbeitet, finde ich es ein bisschen hässlich, da muss ich zweimal wiederholen Sie den Zustand. Gibt es eine Möglichkeit, so etwas wie : [ngClass]={condition ?

AngularJS ng-Klasse mehrere Bedingungen mit or-operator

Anzahl der Antworten 4 Antworten
Ich versuche, herauszufinden, die gute syntax für das hinzufügen von Klassen je nach Winkel Werte. Ich möchte zum aktivieren einer Klasse, die 2 Bedingungen (eine auf live-Benutzers ändert, und eine zum laden von Daten) mit einem ODER-operator.

Wie zu verwenden ng-Klasse wählen Sie mit ng-Optionen

Anzahl der Antworten 9 Antworten
Ich habe ein array von Person-Objekten var persons = [ {Name:'John',Eligible:true}, {Name:'Mark',Eligible:true}, {Name:'Sam',Eligible:false}, {Name:'Edward',Eligible:false}, {Name:'Michael',Eligible:true} ]; und ich bin mit wählen Sie mit ng-Optionen wie diese: <select ng-model="Blah" ng-options="person.Name for person in persons"></select> Möchte ich zeigen Sie

Mehrere Klassen mit ng-class hinzufügen

Anzahl der Antworten 10 Antworten
Können, haben wir mehrere Ausdruck hinzufügen mehrere ng-Klasse ? zB. <div ng-class="{class1: expressionData1, class2: expressionData2}"></div> Wenn ja kann mir jemand die Beispiel zu tun. . InformationsquelleAutor der Frage Aditya Sethi | 2013-09-18

Komplexe angular js ng-Klasse

Anzahl der Antworten 5 Antworten
Ich habe die Komponente und habe ein problem bei der Festlegung der css-Klasse zu. Ich will, dass es immer eine Klasse von "box", die dann zusätzliche Klassen angegeben, die durch die Richtlinie "Klasse" - argument und eine

ng-Klasse wird nicht angewendet

Anzahl der Antworten 1 Antworten
Ich habe eine textarea mit einer Nachricht gepostet werden und ein span mit der Anzahl der Zeichen, die noch zur Verfügung. <textarea name="" cols="" rows="" maxLength="{{maxMessageLength}}" ng-model="messageText"/> <div id="chatmessage-buttons"> <a ng-click="sendMessage()"><span>Invia</span></a> <span ng-class="{message-length-alert: (messageText.length > messageLengthAlertTreshold), message-length:

angular ng-Klasse if-else Ausdruck

Anzahl der Antworten 8 Antworten
Ich bin mit angularjs ng-Klasse auf die folgende Weise: <div class="bigIcon" data-ng-click="PickUp()" ng-class="{first:'classA', second:'classB', third:'classC', fourth:'classC'}[call.State]"/> und ich fragte mich, ob ich benutzen kann, wenn-else-Ausdruck ist, kann ich etwas tun, ähnlich wie diese: <div class="bigIcon" data-ng-click="PickUp()" ng-class="{first:'classA',

AngularJS - Wie füge ich mehrere ng-class Direktiven hinzu?

Anzahl der Antworten 4 Antworten
Sind hier 2 verschiedene Möglichkeiten nutzen, um die ng-class Richtlinie. Ich brauche Sie beide auf dem gleichen element, aber das funktioniert nicht. Mit einem Objekt in ng-Klasse http://plnkr.co/edit/uZNK7I?p=preview <div ng-repeat="item in [1, 2, 3, 4, 5]" ng-class="{

ng-animieren mit ng-Klasse-Direktive

Anzahl der Antworten 1 Antworten
Können Sie verwenden, ng-animate mit ng-Klasse mit dem hinzufügen und entfernen von Animationen. Ich bin auf der Suche, um eine animation in CSS3, aber habe noch nicht gefunden, gute Beispiele mit ng-class online. Ich Frage mich, wenn

ng-class-Bedingung ändert, aber nicht aktualisiert Klassen

Anzahl der Antworten 4 Antworten
Ich habe ein sehr seltsames Problem. Ich habe eine active - Klasse auf die entsprechenden <li> wenn die $scope.selectedCat == cat.id. Die Liste wird erzeugt mit ng-repeat. Wenn selectedCat ist false, 'Durchsuchen Sie Alle Kategorien' - Liste

Hinzufügen und Entfernen von Klassen in angularJs mit ng-click

Anzahl der Antworten 7 Antworten
Ich versuche zu arbeiten, wie das hinzufügen einer Klasse mit ngClick. Hochgeladen habe ich meinen code auf plunker Klicken Sie hier. Blick auf die Winkel-Unterlagen, die ich kann nicht herausfinden, die genaue Art und Weise es getan

Angular ng-Klasse wenn sonst

Anzahl der Antworten 3 Antworten
Ich würde gerne wissen, wie zu tun ist, um die Falsche ng-Klasse. Seite.isSelected(1) ist WAHR, wenn die Seite, wenn die Seite ausgewählt ist, sonst FALSE <div id="homePage" ng-class="{ center: page.isSelected(1) }"> Deshalb will ich Sie wenn: isSelected