Articles of Angularjs

Migrieren von AngularJS zu Angular 4,5 (mit DEMO)

Ich untersuche Wege der Migration eines aktuellen Angular 1 Projekts zu Angular 4. Optionen sind ng-forward , ngUpgrade oder neuschreiben . Ich denke darüber nach, es neu zu schreiben, aber mit einer Wendung. Ich behalte die aktuelle Anwendung Fange an, das Neue parallel dazu zu schreiben Alle neuen NG4 schreiben neu, ich möchte … also […]

Was ist der beste Weg um Attribute in AngularJS bedingt anzuwenden?

Ich muss in der Lage sein, beispielsweise “contenteditable” zu Elementen hinzuzufügen, basierend auf einer booleschen Variablen auf dem Bereich. Beispiel Verwendung: {{content.title}} Würde dazu führen, dass $scope.editMode = true dem Element hinzugefügt wird, wenn $scope.editMode auf true . Gibt es eine einfache Möglichkeit, dieses Attributverhalten in der ng-class zu implementieren? Ich überlege, eine Richtlinie zu […]

Wie kann man ein Array in angularjs genau beobachten?

Es gibt ein Array von Objekten in meinem Bereich, ich möchte alle Werte jedes Objekts ansehen. Das ist mein Code: function TodoCtrl($scope) { $scope.columns = [ { field:’title’, displayName: ‘TITLE’}, { field: ‘content’, displayName: ‘CONTENT’ } ]; $scope.$watch(‘columns’, function(newVal) { alert(‘columns changed’); }); } Aber wenn ich die Werte modifiziere, zB TITLE zu TITLE2 , […]

Angular.js Direktive dynamische VorlageURL

Ich habe ein benutzerdefiniertes Tag in einer routeProvider Vorlage, das eine directive aufruft. Das version wird vom Bereich ausgefüllt, der dann nach der richtigen Vorlage ruft. Es gibt mehrere Versionen des Hymnus, basierend auf welcher Woche und Tag es ist. Ich habe erwartet, die statement zu verwenden, um den richtigen .html Abschnitt zu .html . […]

Inject Dienst in app.config

Ich möchte einen Dienst in app.config einfügen, damit Daten abgerufen werden können, bevor der Controller aufgerufen wird. Ich habe es so versucht: Bedienung: app.service(‘dbService’, function() { return { getData: function($q, $http) { var defer = $q.defer(); $http.get(‘db.php/score/getData’).success(function(data) { defer.resolve(data); }); return defer.promise; } }; }); Konfig: app.config(function ($routeProvider, dbService) { $routeProvider .when(‘/’, { templateUrl: “partials/editor.html”, […]

filtert das ng-Modell in einer Eingabe

Ich habe eine Texteingabe und möchte Benutzern nicht erlauben, Leerzeichen zu verwenden, und alles, was eingegeben wird, wird in Kleinbuchstaben umgewandelt. Ich weiß, dass ich keine Filter auf dem ng-Modell verwenden darf. ng-model=’tags | lowercase | no_spaces’ Ich habe meine eigene Direktive erstellt, aber das Hinzufügen von functionen zu $parsers und $formatters hat die Eingabe […]

Verhindern Sie, dass die doppelte geschweifte Klammernotation angezeigt wird, bevor angular.js das Dokument kompiliert / interpoliert

Es scheint in erster Linie ein Problem in IE zu sein, wenn eine Anzahl von Images / Scripts geladen werden muss. Es kann eine lange Zeit geben, in der das Literal {{stringExpression}} im Markup angezeigt wird und dann wieder verschwindet, sobald eckig fertig ist es ist Kompilierung / Interpolation des Dokuments. Gibt es einen gemeinsamen […]

Wie kann ich in AngularJS auf Cookies zugreifen?

Wie kann AngularJS auf Cookies zugreifen? Ich habe Referenzen zu einem Service und einem Modul für Cookies gesehen, aber keine Beispiele. Gibt es einen kanonischen Ansatz von AngularJS oder gibt es keinen?

So erhalten Sie die URL-Parameter mit AngularJS

HTML-Quellcode $location.url() = {{$location.url()}} $location.search() = {{$location.search(‘keyword’)}} $location.hash() = {{$location.hash()}} keyword valus is={{loc}} and ={{loc1}} AngularJS-Quellcode function test($scope, $location) { $scope.$location = $location; $scope.ur = $scope.$location.url(‘www.html.com/x.html?keyword=test#/x/u’); $scope.loc1 = $scope.$location.search().keyword ; if($location.url().indexOf(‘keyword’) > -1){ $scope.loc= $location.url().split(‘=’)[1]; $scope.loc = $scope.loc.split(“#”)[0] } } Hier geben die Variablen loc und loc1 beide Tests als Ergebnis für die obige URL […]

Npm / Yeoman Generator-eckig ohne Sudo installieren

Ich habe versucht, Generator-angularjs mit Yo ( Yoeman ) ohne Sudo zu installieren: npm install -g generator-angular Ich bekomme: Error: EACCES, mkdir ‘/usr/lib/node_modules/generator-angular’ Wenn ich sudo yo , sagt mir sudo yo , dass ich Sudo nicht benutzen sollte (was vollkommen verständlich ist). Ich habe ein ~/node_modules Verzeichnis – warum installiert man dort seine Pakete […]