Tag: angularjs
Verwenden Sie für Fragen über AngularJS (1.x), die open-source-JavaScript-framework. Verwenden Sie dieses tag NICHT für Eckige 2 oder höher; verwenden Sie stattdessen die [eckigen] – tag.
Wie benutze ich den gleichen Controller für modale und nicht-modale Form in Angular UI Bootstrap?
3 Antworten
Habe ich ein modal mit einem Anmeldeformular. Das gleiche Formular angezeigt werden soll, am unteren Ende der landing page nicht in einem modal. Derzeit mein controller, der übernimmt die Anmeldung modal nimmt $modalInstance als einen seiner Parameter
Wie mache ich ein ui-select Feld wie gewünscht?
5 Antworten
Möchte ich das folgende Feld (Einstellungen) in meinem Formular als Pflichtfeld. Wie kann ich es tun? <div class="form-group"> <label class="col-xs-5 control-label"> Settings*</label> <div class="col-xs-7"> <ui-select multiple tagging="adPreferredEmailDomainPatternTransform" id="emailDomainPatternListInput" tagging-tokens="SPACE|," theme="bootstrap" ng-disabled="settings.enableAuthentication == 'false'" ng-model="settings.emailDomainPatternList"> <ui-select-match>{{$item.displayFormat}}</ui-select-match> <ui-select-choices repeat="item
Wie man ng-repeat verwendet, um über Map-Einträge in AngularJS zu iterieren
1 Antworten
Wie würden Sie das iterieren über die Einträge in der map, so dass sowohl der Eintrag Schlüssel und der Wert können gedruckt werden? Zum Beispiel würde ich gerne etwas wie das hier tun: <ul> <li ng-repeat='mapEntry in
HTML in einem Angular-Ausdruck dekodieren
1 Antworten
Was ist der beste Weg, um zu decodieren, die HTML enthalten ist, die in übergebenen strings zu einem Winkel Ausdruck? Beispiel: Wenn ich eine Zeichenfolge, die vom server zurückgegeben werden wie diese: var some_val = "Hello <strong>World</strong>!"
Wie man Einheits-Isolierte Bereichs-Richtlinie in AngularJS prüft
4 Antworten
Was ist ein guter Weg, um unit-test isolierten Bereich in AngularJS JSFiddle zeigt, unit-test Richtlinie snippet scope: {name: '=myGreet'}, link: function (scope, element, attrs) { //show the initial state greet(element, scope[attrs.myGreet]); //listen for changes in the model
ng-change funktioniert nicht bei einer Texteingabe
6 Antworten
Ich bin neu in angular js. In meinem code gibt es-color picker initialisiert, die aus einem text-Feld. Benutzer ändert den Wert der Farbe, und ich will, dass Farbe sich als hintergrund für einen text in eine Zeitspanne.
AngularJS UI Bootstrap Tabs, die das Routing unterstützen
10 Antworten
Möchte ich nutzen, AngularJS UI-Bootstrap-Tabs in meinem Projekt, aber ich brauche es zur Unterstützung von routing. Beispiel: Tab URL -------------------- Jobs /jobs Invoices /invoices Payments /payments Soweit ich sagen kann, aus dem Quellcode, die aktuelle tabs und
Teilen Sie Daten zwischen AngularJS-Controllern
9 Antworten
Ich versuche, zu teilen, Daten zwischen Steuerungen. Use-case ist ein multi-Schritt-Formular, die eingegebenen Daten in einem Eingang ist später in mehreren display Standorten außerhalb der original-controller. Folgenden Code in jsfiddle hier. HTML <div ng-controller="FirstCtrl"> <input type="text" ng-model="FirstName"><!--
AngularJS ng-src verstehen
6 Antworten
Erläutert hierdie angularjs Direktive ng-src wird verwendet, um zu verhindern, dass der browser das laden der Ressource (z.B. Bild) vor den LENKER zu bekommen analysiert. Derzeit bin ich über den folgenden code: <div ng-controller="MyCtrl"> <img ng-src="http://localhost:8081/media/{{ path
Großes AngularJS-Anwendungsdesign
3 Antworten
Muss ich raten, auf die Gestaltung einer AngularJS-Anwendung mit mehreren komplexen Modulen und basiert auf den user-Rolle für das Modul wird geladen, nachdem authentication & Autorisation. Einige Benutzer Zugang haben könnten, um ein einfaches Modul, und einige
angularjs newline filter mit keinem anderen html
7 Antworten
Ich versuche zu konvertieren newline-Zeichen (\n) html br's. Als pro diese Diskussion in der Google-Gruppe, hier ist was ich habe: myApp.filter('newlines', function () { return function(text) { return text.replace(/\n/g, '<br/>'); } }); Die Diskussion gibt es auch
Verschiedene ng-includes auf derselben Seite: Wie sende ich verschiedene Variablen an die einzelnen?
13 Antworten
Ich habe eine Seite in meinem AngularJS-app, in die ich möchte auch die gleiche html-teilweise, aber mit unterschiedlichen Variablen. Wenn ich das in meiner main html: <div id="div1" ng-include src="partials/toBeIncluded.html onload="var='A'"> <div id="div2" ng-include src="partials/toBeIncluded.html onload="var='B'"> Sowie
Wie lade ich eine Datei mit AngularJS herunter und rufe MVC API auf?
10 Antworten
Ich bin mit AngularJS und ich habe eine MVC 4-API zurückgibt, HttpResponseMessage mit einem Anhang. var result = new MemoryStream(pdfStream, 0, pdfStream.Length) { Position = 0 }; var response = new HttpResponseMessage { StatusCode = HttpStatusCode.OK, Content
Wie deklariert man eine globale Variable mit Angular Js?
3 Antworten
Ich will eine variable, die verwendet werden können alle Steuerungen, aber nicht wollen, einen Dienst zu erstellen .Ist es möglich in angular js? InformationsquelleAutor der Frage Neel | 2015-07-30
Eckiges Material - Wie man Elemente in der md-Werkzeugleiste rechts positioniert
1 Antworten
Ich bin mit FAB speed dial innerhalb einer Symbolleiste. Aber ich bin nicht in der Lage, um es schweben an der rechten Seite der Symbolleiste. Ich habe versucht, style:"float:right" mit kein Glück. Habe auch versucht flex-offset="55" aber
Passwort merken mit AngularJS und ng-submit
5 Antworten
Wie bekomme ich den browser, um den Benutzer auffordern, das Kennwort bei der Verwendung von ng-submit in ein AngularJS single page application. Meine Form: <form action="/#/dashboard/login" onsubmit="return false;" ng-submit="login()" name="loginForm"> <input type="text" required id="username" name="username" ng-model="username" autocomplete="on"
AngularJS + Karma + Ng-html2js = & gt; Fehler beim Instanziieren von Modul ... html
4 Antworten
Kann ich nicht machen, Karma arbeiten für die Richtlinien, die externen templates. Hier ist mein karma-Konfiguration-Datei : preprocessors: { 'directives/loading/templates/loading.html': 'ng-html2js' }, files: [ ... 'directives/loading/templates/loading.html', ] ngHtml2JsPreprocessor: { prependPrefix: '/app/' }, In der Richtlinie Datei :
Typischer AngularJS Workflow und Projektstruktur (mit Python Flask)
6 Antworten
Ich bin ziemlich neu in diese ganze MV* client-side-framework frenzy. Es muss nicht sein, AngularJS, aber ich habe es, weil es fühlt sich mehr natürlich für mich als Knockout, Ember oder Backbone. Sowieso, was ist der workflow,
AngularJS Umschalttaste
6 Antworten
Ich versuche zu erstellen Sie eine Schaltfläche zum Umschalten in den Winkel. Was ich habe, so weit ist: <div class="btn-group"> <a class="btn btn-primary pull-right" ng-click="toggleArchive(true)" ng-show="!patient.archived">Archive patient</a> <a class="btn btn-danger pull-right" ng-click="toggleArchive(false)" ng-show="patient.archived">Unarchive patient</a> .... some other
Verwenden von Hilfsmethoden beim Templating mit Angular JS
3 Antworten
Derzeit in den Prozess der Umwandlung von einer website von Ihrem bisherigen Template zu Eckig. In der vorherigen Template-Prozess wurden wir mit wir waren in der Lage zu nennen helper-Methoden zum anzeigen von Daten ordnungsgemäß. Zum Beispiel:
$ index von ngRepeat in angularjs Direktive
2 Antworten
Ich bin versuchen zu finden der beste Weg, um eine index-position innerhalb eines ngRepeat mit einem benutzerdefinierten Richtlinie. Das problem, das ich zu lösen versuche ist, dass für jede iteration der ngRepeat, würde ich mag die Möglichkeit,
Angularjs-Fehler Unbekannter Anbieter
2 Antworten
Ich versuche, die Anzeige der eingestellten Werte author und version im Winkel-Wert auf den service in der html-Seite.Version code wird angezeigt, in Ordnung, aber nicht der name des Autors Hier ist der html-code <!doctype html> <html lang="en"
Fehler: [ng: Areq] vom Winkelregler
20 Antworten
Dies ist eine lange gedreht, aber hat jemand gesehen, diese Fehler vor? Ich bin versucht, hinzuzufügen 'Transporter', mit express -, Winkel-und mongoDB. Ich bekomme diese Fehlermeldung, wenn ich auf eine Seite entschieden, die durch die Transporter-controller: Error:
Eine Funktion aufrufen, wenn ng-show ausgelöst wird?
3 Antworten
Möchte ich zeigen, einen lightbox mit dem Inhalt erschließt sich von ng-show, aber ich weiß nicht, wie auslösen der lightbox JS. Ich bin auf der Suche nach so etwas wie ng-on-show="showLightbox()" InformationsquelleAutor der Frage Joren | 2014-01-10
Kommunizieren mit Geschwisterrichtlinien
6 Antworten
Ziel: Erstellen von Verhalten mithilfe von Richtlinien mit der Kommunikation zwischen 2 Geschwister-Elemente (jeweils eine eigene Richtlinie). Ein Verhalten zu verwenden, im Beispiel: Die Artikel-Inhalte ist standardmäßig ausgeblendet. Wenn der Titel angeklickt wird, möchte ich den Artikel-Inhalt
Angular UI Router Nested State Auflösung in untergeordneten Zuständen
2 Antworten
In einer eckigen app, die ich auf Arbeit bin, möchte ich es zu einer abstrakten übergeordneten Staat, der Sie lösen muss, bestimmte Abhängigkeiten, die für alle seine Kinder-Staaten. Speziell möchte ich alle Zustände, die einen authentifizierten Benutzer
Authentifizierung in Ionic / Cordova App
3 Antworten
First off, ich bin kein pro. In meinem Bestreben um eine bessere Entwickler-ich versuche zu verstehen, was erforderlich ist und wie das zu erreichen ist die Schaffung eines Anmelde-/login für ein Ionic-Framework app. Meisten der single-page-Anwendungen (Spa)
Welche "Dinge" können in Angular.js in andere injiziert werden?
3 Antworten
Bin ich ein wenig schwer zu verstehen, Dependency Injection in Eckig. Meine Frage ist also, kann jemand erklären, was die "Typen", wie Controller, Fabrik, Anbieter, etc. können wir injizieren in die anderen, darunter andere Instanzen der selben
AngularJS wirklich langsam beim Rendern mit etwa 2000 Elementen?
8 Antworten
Hier das fiddle: http://jsfiddle.net/D5h7H/7/ Macht es das folgende: <div ng-repeat="group in Model.Groups"> <span>{{group.Name}}</span> <div ng-repeat="filter in group.Filters"> <input type="checkbox" ng-model="filter.enabled">{{filter.Name}} <select ng-disabled="!filter.enabled"> <option ng-repeat="value in filter.Values">{{value}}</option> </select> </div> </div> Es ist eine Liste der Filter, der geladen
Rufen Sie die Funktion für den übergeordneten Bereich der Direktive mit dem Argument für den Direktivenbereich auf
1 Antworten
Ich bin der Entwicklung einer Richtlinie, die zeigt und verbirgt seinen Inhalt basiert auf ein click-Ereignis (ng-click) definiert in seiner Vorlage. Auf einige Ansichten, in denen die Richtlinie ist verwendet, ich möchte in der Lage sein zu
Behandle Umleitungen in angularjs $ http
3 Antworten
Im mit angularjs http-service in meinem app. und ich bemerkte, dass diese in der website Wenn der AJAX-Aufruf erfolgreich ist (der server sendet eine HTTP-code zwischen 200 und 209), die Funktion übergeben, um den Erfolg () -
AngularJS Jasmine Test schlägt fehl: Fehler beim Instanziieren des Moduls
3 Antworten
Mein angular app hat Super funktioniert und so habe meine tests mit karma und jasmine, bis ich fügte hinzu, eine Abhängigkeit in ui.bootstrap. Jetzt ist die app noch wie gewünscht funktioniert, aber ich kann keinen meiner tests.
AngularJS benutzerdefinierte Form Validierung Fehlermeldung
3 Antworten
Gibt es eine Möglichkeit, um eine Fehlermeldung im benutzerdefinierten Formular-Validierung? E. g. Ich habe eine Richtlinie, die prüft, einen Benutzernamen. Es gibt drei mögliche Ergebnisse: Es gilt Ist es ungültig, weil es nicht einen guten Benutzernamen ("diese.ist-ungültig")
Angularjs $ location service URLs offensichtlich nicht analysieren?
5 Antworten
Ich bin mit Winkel in einer Anwendung, die ist im Grunde eine Tabelle mit den Suchergebnissen. Der Zugriff auf diese Tabelle kann erreicht werden über eine url wie http://myapp/?client=clientName Einer eckigen controller instanziiert wird für die Tabelle,
Angularjs ngOption mit Array
3 Antworten
Möchte ich hinzufügen, dass ein html-select mit Optionen, AM,PM mit angularjs, was ich brauche, ist mit der Schlüssel und der Wert der option ist die gleiche : <option value="AM">AM</option> <option value="PM">PM</option> Mein html sieht so aus <select
Was ist der Unterschied zwischen ng-click und data-ng-click in angularjs?
4 Antworten
Ab dem 1. Blick scheint data-ng-click können einige Daten als argument an die Methode aufgerufen werden soll beim drücken der auf-Taste. Aber ich sehe keinen Unterschied. Folge ich code-snippets: HTML <input type="button" value="Fess" ng-click="toggle(2)"> ODER <input type="button"
AngularJS - Wie man ein Partial mit Variablen rendert?
3 Antworten
Ich habe zum Beispiel eine teilweise in car-list.htmlund ich möchte es Rendern in mehreren Orten mit verschiedenen Sammlungen von Autos. Vielleicht so etwas wie dieses: <h1>All New Cars</h1> <div ng-include="car-list.html" ng-data-cars="allCars | onlyNew"></div> <h1>All Toyotas</h1> <div ng-include="car-list.html"
Bedingt-Rendering CSS in HTML-Kopf
5 Antworten
Ich versuche dynamisch hinzufügen von css zu meinem html-Kopf mit angular js. Hier ist Beispielcode <div ng-repeat="stylesheet in stylesheets"> <link href="/myapp/{{stylesheet.href}}" type="{{stylesheet.type}}" rel="stylesheet" media="{{stylesheet.media}}" title="{{stylesheet.title}}" /> </div> Dieser code wie erwartet funktioniert, aber wenn der browser lädt
Rufen Sie die Winkelfunktion mit Jquery auf
6 Antworten
Wie call-Winkel-Funktion, wenn die Daten in der text-box? hier ist mein code html <!DOCTYPE html!> <html xmlns:ng="http://angularjs.org" data-ng-app="flightSearch" lang="en"> <head> <script src="js/jquery-1.9.1.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/app.js"></script> </head> <body> <div data-ng-controller="flightSearchController"> <input type="text" data-ng-model="query" data-ng-change="flightSearch()" placeholder="e.g RGN>MDL, KAW>RGN"
AngularJS-Konstanten
6 Antworten
Ist es möglich, zu injizieren eine Konstante in eine andere Konstante mit AngularJS? z.B. var app = angular.module('myApp'); app.constant('foo', { message: "Hello" } ); app.constant('bar', ['foo', function(foo) { return { message: foo.message + ' World!' } }]);
Angularjs - $ rootScope in der directory Link Funktion
6 Antworten
Ich Stelle diese Frage weil ich bin mir nicht ganz klar, wie man denken rootscope als Abhängigkeit übergeben Richtlinien Ich habe eine Richtlinie, an die Bedürfnisse auf dem display einige Informationen aus dem $rootScope ... Ich dachte,
Ist AngularJS wirklich MVC?
4 Antworten
Ich bin auf der Suche durch Beispiele auf die AngularJS-Startseite — spezifisch "Hinzufügen" eine Gewisse Kontrolle". Ich verstehe nicht ganz, wie es Karten zum MVC-Muster. Es ist mehr oder weniger klar, dass die Vorlage (index.html) gedacht werden
Wie ändere ich die Breite eines Sidenav im Angular Material Design?
5 Antworten
Egal welche Bildschirm-Größe, die ich verwenden, die Sidenav ist immer die gleiche Größe. Ich habe versucht, hinzufügen von Attributen wie - flex - flex="85" (85% der container) Kann nicht scheinen zu finden, ein guter Ansatz. InformationsquelleAutor der
AngularJS dynamisches Routing
7 Antworten
Ich habe derzeit eine AngularJS-Anwendung mit routing eingebaut. Es funktioniert und alles ist ok. Meine app.js die Datei sieht wie folgt aus: angular.module('myapp', ['myapp.filters', 'myapp.services', 'myapp.directives']). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/pages/home.html', controller: HomeController });
Google Places Autocomplete wird nicht angezeigt
3 Antworten
Ich habe schon Stunden versucht herauszufinden, warum die vermeintlich einfachen AutoVervollständigen nicht angezeigt. Es stellt sich heraus, dass in meinem code das input-element wird festgelegt autocompete="off"und die Art, auf die pac-container ist display: none. Kann ich diese
Ersetzen von eckigen durch Standard-Web-Technologien
2 Antworten
Arbeite ich an einem Projekt, das den Luxus der Verwendung von ECMA-6 auf die neueste Browser für ein Produkt ausgeliefert wird in 1,5 Jahren. Also dachten wir, warum nicht die Verwendung von Web-Komponenten ist nun, dass der
Testing-Element-Direktive - kann während Tests nicht auf isolierte Scope-Methoden zugreifen
2 Antworten
Habe ich die folgende Richtlinie. directivesModule.directive('wikis', function() { var urlRegex = new RegExp('^(https?)://.+$'); return { restrict: 'E', templateUrl: 'templates/wiki-list.html', scope: { wikis: '=' }, link: function(scope, element, attrs) { scope.newWikiURL = ''; scope.$watch('wikis', function() { if (scope.wikis
Angular-ui bootstrap modal ohne neuen Controller zu erstellen
3 Antworten
plunk: http://plnkr.co/edit/85Wl5WWenn ich die $modalInstance auf dem gleichen controller(modalController.js), ohne dass man in einem modal -, Winkel-wird eingefroren. Ich will einfach nur mein Leben vereinfachen mit angularjs mit angular-ui-bootstrap-modal service. Ich will den gleichen controller verwenden, die
Wie hätte ich den UI-Router zu einem externen Link, wie google.com?
4 Antworten
Beispiel: $stateProvider .state('external', { url: 'http://www.google.com', }) url wird davon ausgegangen, dass dies ist ein interner Zustand. Ich will, dass es wie href oder etwas zu diesem Effekt. Ich habe eine Navigationsstruktur, erstellen von ui-Routen und ich
AngularJs senden eine wiederholte Ausführung zu oft aus
5 Antworten
In einen meiner Eckigen Controllern, ich habe dieses: //controller A $rootScope.$on("myEventFire", function(event, reload) { someAction(); }); In einem anderen controller habe ich dieses: //controller B $scope.openList = function(page) { $rootScope.$broadcast('myEventFire', 1); } Nun, dies ist ein single-page-app.