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.
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?
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',
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
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
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
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
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,
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
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
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
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
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 =
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' ?
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
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>
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
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,
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
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
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 ?
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.
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
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
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
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:
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',
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="{
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
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
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
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