Tag: ng-show

Die ngShow Richtlinie zeigt oder versteckt das angegebene HTML-element basiert auf die expression der ngShow Attribut. Das element ein-oder ausgeblendet, durch das entfernen oder hinzufügen .ng-hide-CSS-Klasse auf das element. Die .ng-hide-CSS-Klasse, die vorher in AngularJS und setzt das display style auf none (mit ein !wichtig Flagge).

AngularJS: Zeigen Sie, wenn X > Y und Klasse hinzufügen

Anzahl der Antworten 2 Antworten
Bin ich mit dem Aufbau meiner ersten app. Es ist ein Bestellsystem, in denen die Kunden können Elemente hinzufügen, um den Warenkorb. Alles, was gut funktioniert. Aber mein Kunde möchte auf einen Weg aufmerksam die Kunden, wenn

Winkel - Filter entfernen Sie leere strings aus array

Anzahl der Antworten 4 Antworten
Ich habe ein Objekt des arrays... Das array Leerzeichen enthalten können, wie kann ich eine Eckige filter zu entfernen die Leerzeichen, um zu bestimmen, die Länge des Arrays? $scope.myData = { ["1", "1", "4", "4", "N", "4",

Setzen Sie die erforderlichen attribute für ein input-element, wenn es sich nicht versteckt

Anzahl der Antworten 3 Antworten
Arbeite ich an einem dynamischen Formular mit angular.js. Eingänge Feld <div ng-show="condition()"> <input type="text" name="field" required> </div> Wenn die Bedingung() false zurückgibt, wird das Eingabefeld nicht angezeigt. Aber durch einen Klick auf einen submit-button komme ich in

Winkel-display-Meldung wenn die Liste leer ist

Anzahl der Antworten 2 Antworten
Ich bin anzeigen der Unterwebsites, die der aktuelle Benutzer Zugriff hat, in einer sharepoint-app Teil. Habe ich es geschafft, sich zu verstecken oder zeigen Sie eine Meldung "Es gibt keine sites KÃ ¶ nnen Sie", wenn mein

Angular JS-ng-ein - / ausblenden basierend auf drop-down-Liste ausgewählten Wert

Anzahl der Antworten 2 Antworten
in dem folgenden code habe ich ein drop-down-Liste (serviceSmallId) für die Art der Dienstleistung. Es ist gefüllt mit Modell-info. Gibt es ein zweites Feld check-box, die sollte nur sichtbar sein, wenn drop-down hat einen ausgewählten Wert von

AngularJS: ng-show vs. display:none

Anzahl der Antworten 4 Antworten
Hatte ich einen Fall verwenden, wobei ich weiter ein HTML-element standardmäßig ausgeblendet mit CSS wie folgt: HTML: <div class="item"> </div> CSS: .item { display: none; } Aber, ich muss Umschalten, das element Sichtbarkeit mit ng-show, nachdem die

Wie kann ich mit ng-hide, wenn $Ort.url == base (root) url?

Anzahl der Antworten 2 Antworten
Ich würde gerne eine ← Zurück zu Hause link unten erscheinen die nagivation auf jeder Seite von meinem Angular app (außer der home-Seite. Also ich möchte um bedingt den link hinzufügen und verstecken Sie mit ng-hide wenn

Wie Sie verhindern, dass element anzeigen, bevor AngularJS initialisiert( ng-show )

Anzahl der Antworten 4 Antworten
In AngularJS, ich Frage mich, wie um zu verhindern, dass die Elemente gezeigt auf Seite, bevor ng-show wirksam werden, fand ich einige Beiträge sprechen über ng-cloak, aber es scheint bei mir nicht funktioniert, wahrscheinlich ng-cloak ist für

Animieren.css und Angularjs ng-hide

Anzahl der Antworten 2 Antworten
Ich bin zu lernen und zu Experimentieren mit Angularjs und animieren.css. Ich bin versucht, hinzufügen von Animationen, wenn das ng-show ist true oder false. Das ein-und ausblenden funktioniert, aber nicht die Animationen. Hoffe jemand hier kann mir

Winkel-ng-show (oder ng-if) nicht aktualisieren auf Wert ändern

Anzahl der Antworten 1 Antworten
Habe ich ein einfaches Beispiel an plunker. Ich habe ein ng-zeigen Sie auf ein element und wählen Sie " als ein weiteres element. Die wählen toggle ein-und ausblenden des anderen (Eingabe -) element. Zunächst die Einstellung, die

ng-show störenden div layout - angularJS

Anzahl der Antworten 3 Antworten
Ich bin mit ng-show="!notesOpened" zum ausblenden eines div, wenn der notesOpened variable true ist. Aber wenn Sie versteckt es vermasselt layout. Gibt es eine Möglichkeit zu machen, ng-show-act in der gleichen Weise wie die css-Eigenschaft visibility:hidden? so,

AngularJS - Gleit-Effekt Auf ng-klicken Sie auf

Anzahl der Antworten 1 Antworten
Habe ich eine einfache ng-click-Funktion, verbirgt und zeigt eine DIV. Jedoch, eher und einfach erscheinen und verschwinden, tut Winkel-haben die Fähigkeit zu geben, eine Gleit-Effekt? Hier ein plunkr: http://plnkr.co/edit/jbHidL3oOQvi4RBCkJIF?p=preview HTML: <div class="grid-wrap"> <div class="grid-col one-third"> <p>Lorem ipsum

Angularjs Machen, drop-down deaktiviert, beim drücken der checkbox innerhalb von ng-repeat

Anzahl der Antworten 2 Antworten
Ich versuche, die Anzeige auf dem Bildschirm html-Steuerelemente mithilfe von Meta-Daten im json-Datei. Auch ich versuche zu schaffen, ein Zustand, wo drücken Sie das Kontrollkästchen, um die drop-down deaktiviert. Ich gelungen, dies zu erreichen, wird für eine

Beste Weg, um klare Modell Werte, wenn das Feld ausgeblendet in eckige

Anzahl der Antworten 1 Antworten
Nachfolgend finden Sie einige code, um klare eckige Modell Werte, wenn der entsprechende input zu dem Modell ausgeblendet wird per ng-show, mit Klassennamen und jquery, aber es hat einen schlechten Geruch bc-manipuliert DOM-controller (Bearbeiten - es muss

NG-Show wenn das array enthält einen bestimmten Wert und nicht einen anderen

Anzahl der Antworten 3 Antworten
Ich habe eine 3-user-Rechte - Admin, User und Editor. Die Art und Weise dieses setup ist: Wenn Sie ein Admin die Rückkehr ist roles: ["Admin", "User", "Editor"] Wenn Sie ein User die Rückkehr ist roles: ["User"] Wenn

AngularJS: ng-show / ng-hide funktioniert nicht mit " {{ }} ` interpolation

Anzahl der Antworten 7 Antworten
Ich versuche zu zeigen /verstecken einige HTML mit dem ng-show und ng-hide Funktionen AngularJS. Laut der Dokumentation der jeweiligen Nutzung für diese Funktionen sind wie folgt: ngHide – {Ausdruck} - Wenn der Ausdruck truthy dann das element

AngularJS - Versteck-Wert basierend auf null und leere Arrays

Anzahl der Antworten 3 Antworten
Ich versuche, führen Sie ein ng-hide, wenn ein Wert entweder null oder ein leeres array (Firebug, dies wird als ). Ich kann die Durchführung der null über: ng-hide="myData.Address == null" Aber wenn ich versuche: ng-hide="myData.Address == null

Show-element basierend auf dem $scope variable Wert

Anzahl der Antworten 1 Antworten
Ich bin neu in AngularJS und ich versuche, herauszufinden, wie um zu zeigen, ein HTML-element basiert auf einem Variablen Wert. Ich habe dies ausprobiert: <div id="checkoutForm" class="form" ng-show="$scope.matchCount==1"> </div> und so: <div id="checkoutForm" class="form" ng-show="matchCount==1"> </div> Hier

AngularJS - Mit indexOf innerhalb von ng-repeat, - /ausblenden der Werte

Anzahl der Antworten 3 Antworten
Ich habe eine JSON - Datei, die enthält eine Reihe von Daten: myData.JSON: { "Addresses": { "AddressList": [ { "HouseNumber": 201, "Street": "Victoria Lane", "Postcode": "SW1 8ES" }, { "HouseNumber": 10, "Street": "Allen Close", "Postcode": "NG2 3TD"

Ein-oder ausblenden Elemente, basierend auf Variablen im controller - Ionic

Anzahl der Antworten 4 Antworten
Ich weiß, das könnte mehr eine AngularJS-Problem als eine Ionische spezifische. Ich habe eine Schaltfläche in einem meiner Ansichten: <button class="button button-clear button-block button-positive" ui-sref="register"> Register </button> Und in meinem controller habe ich diese variable, die ich

Ändern des Werts eines boolean-mit ng-klicken Sie auf im ein ng-repeat

Anzahl der Antworten 4 Antworten
Ich bin Anzeige einige Daten auf meiner html-Seite in ein div mit ng-repeat. Innerhalb der div ich habe eine Schaltfläche, um zu verbergen, den Inhalt jeder div getrennt.Hier ist eine vereinfachte version meiner html-Datei. <body ng-app="task" ng-controller="repeat">

AngularJS ng-show eine Bedingung mit mehreren Elementen

Anzahl der Antworten 3 Antworten
Ich habe drei divs mit ng-click mit einem "showMe" boolean". Ihre Absätze haben eine ng-zeigen, dass evaulates "showMe". Meine Frage ist, wie kann ich eine Bedingung zu zeigen, den Absatz für die div I auf? In anderen

ng-show Bindung an string-Ausdruck in der eckigen

Anzahl der Antworten 1 Antworten
Gibt es eine Möglichkeit zum binden einer ng-Ausdruck auf einen string, der enthält die bind-Ausdruck selbst? Zum Beispiel: field={}; field.a=true; field.showExpression='a == true'; <input ng-show="field.showExpression"> Ive versucht <input ng-show="{{field.showExpression}}"> als gut, aber keiner von Ihnen scheint zu

AngularJS - ein-und Ausblenden, mehrere Inhalte

Anzahl der Antworten 6 Antworten
In AngularJS, zu zeigen einfach, dass ein Feld durch einen a-tag, die ich tun würde, in dieser Weise: <div ng-show="aField">Content of aField</div> <a ng-click="aField=true">Show aField</a> bis hier kein problem. Ich möchte jetzt weitere Schaltflächen und Felder, so

Folienübergänge mit ng-show in IONISCHE

Anzahl der Antworten 3 Antworten
Hier ist der codepen http://codepen.io/lakhan/pen/cukyL Habe ich eine Liste der Elemente mit ng-repeat und ich zeige ein Element zu einem Zeitpunkt. auf auf weiter klicken, zeigt das nächste Element aus der Liste. Was ich jetzt erreichen möchte

AngularJS-filter basierend auf ein array von Zeichenketten?

Anzahl der Antworten 1 Antworten
Ich habe eine harte Zeit, die Verpackung in meinen Kopf, wie Sie gehen über das tun eine Eckige filter, ein problem zu lösen, dass ich in. Hier ist ein einfaches Beispiel, meine Daten Struktur, die eine Vielfalt

div mit ng-show nicht aktualisiert wird, nachdem ajax-call

Anzahl der Antworten 2 Antworten
Ganz neu eckig; ich bin sicher, ich bin etwas fehlt wirklich offensichtlich. Ich habe ein login-Formular auf meiner Seite. Was ich will, geschehen wird, um die form zu verstecken, nachdem der Benutzer erfolgreich anmeldet. Meiner gesamten Seite

AngularJS ng-show-animation, cross-fade-innen ng-repeat

Anzahl der Antworten 3 Antworten
Einfache (aber nicht für mich!) angularjs show/hide animation problem. Ich haben gesucht, hohe und niedrige, aber nicht die Lösung gefunden, um diese bestimmten problem, die kann man vielleicht am besten erklärt mit einem Beispiel und einer "Herausforderung".

Wie Sie verhindern, dass element anzeigen, bevor AngularJS initilized( ng-show )

Anzahl der Antworten 2 Antworten
Alle: Ich bin neu in AngularJS, ich Frage mich, wie um zu verhindern, dass die Elemente gezeigt auf Seite, bevor ng-show wirksam werden, fand ich einige Beiträge sprechen über ng-cloak, aber es scheint bei mir nicht funktioniert,

Warum diese ng-show, ng-hide funktioniert nicht

Anzahl der Antworten 6 Antworten
Habe ich einfache app in AngularJS. Ich will zeigen, Nachrichten dynamisch, wenn eine AJAX-Anfrage gemacht wird. Leider wird es immer im ausgeblendeten Zustand und ich kann nicht herausfinden, warum. HTML: <div ng-show="message"> <h2>show</h2> </div> <div ng-hide="!message"> <h2>Hide</h2>

Wie wechsle ich eine ng-show in AngularJS basiert auf einer booleschen?

Anzahl der Antworten 6 Antworten
Habe ich ein Formular für Antworten auf Nachrichten, die ich zeigen möchte, nur wenn isReplyFormOpen ist wahr, und jedesmal, wenn ich auf die Taste "Antworten" ich will bestimmen, ob das Formular angezeigt wird oder nicht. Wie kann

Wie verwende ich angular ng-hide basierend auf der Seite / Route, auf der ich mich gerade befinde?

Anzahl der Antworten 3 Antworten
haben eine eckige Anwendung, die ich ausblenden möchten, eine der 'Ansichten', wenn die Hauptansicht ist die homepage anzeigen. <div id="page" ng-class="{ showNav: $root.showNav }"> <header id="pageHeader" ng-controller="HeaderCtrl" data-ng-include="'views/includes/header.html'"></header> <div id="pageHero" ng-show='$rootScope.fullView' ng-controller="MainsearchCtrl" data-ng-include="'views/mainSearch.html'"></div> <div id="pageContent" ng-view=""></div> </div>

ng-Animate funktioniert nicht für eine Einstellung zum Ausblenden und Anzeigen

Anzahl der Antworten 1 Antworten
Ich bin mit AngularJS version 1.2.11. Ich habe eine Symbolleiste schieben und mit einem übergang mit ng-Animate (zeigen und verbergen). Hier ist der HTML: <div> <div class="full-height"> <menu-main class="full-height pull-left"></menu-main> <menu-sub class="full-height pull-left" ng-show="data.active" ng-animate="'animate'"> </menu-sub> </div>

AngularJS: ng-show / ng-hide arbeitet nicht mit `{{}}` interpolation

Anzahl der Antworten 7 Antworten
Ich versuche zu zeigen /verstecken einige HTML mit dem ng-show und ng-hide Funktionen AngularJS. Laut der Dokumentation der jeweiligen Nutzung für diese Funktionen sind wie folgt: ngHide – {Ausdruck} - Wenn der Ausdruck truthy dann das element

Warum funktioniert diese einfache AngularJS ng-show nicht?

Anzahl der Antworten 7 Antworten
Ich kann nicht herausfinden, warum mein einfaches AngularJS-app nicht funktioniert wie vorgesehen. "Loading..." soll ausgeblendet werden, und "Done!" angezeigt werden soll nach 1 Sekunde. html: <div ng-app> <div ng-controller="TestCtrl"> <div class="text-center" ng-show="loading"> <h1>Loading...</h1> </div> <div class="text-center" ng-show="!loading">

AngularJS Group nach Richtlinie ohne externe Abhängigkeiten

Anzahl der Antworten 9 Antworten
Ich bin neu in Eckig und möchte lernen, dass der beste Weg zu handhaben, ein problem. Mein Ziel ist es, eine wiederverwendbare bedeutet, die Gruppe zu schaffen, indem Sie Header. Ich schuf eine Lösung, die funktioniert, aber

AngularJs Inline Überprüfen Sie, ob ein Array überprüft wird

Anzahl der Antworten 3 Antworten
Inline in AngularJs gibt es eine Möglichkeit zu überprüfen, ob etwas ist ein array? Ich hätte gedacht, dass dies funktioniert: <div ng-show="Array.isArray(textStuff[0][1])">Hi</div> Habe ich überprüft es ist in der Tat ein array. Gibt es etwas, das ich

ng-show = "true" aber hat immer noch class = "ng-hide"

Anzahl der Antworten 1 Antworten
Ich bin neu in AngularJS, so gibt es möglicherweise eine einfache Lösung zu meinem problem. Ich habe mit dieser form. Ich habe zwei Eingänge - einen für die Anzahl der Türen und ist für die Anzahl der