Articles of Angularjs

Antwort-Header lesen, wenn $ http von Angularjs verwendet wird

Ich benutze $http , um einen API-Anruf zu machen, der einige benutzerdefinierte Header wie X-Foo sendet. Allerdings kann ich noch nicht herausfinden, wie man sie liest. Innerhalb der function $http({…}).success(function (data, status, headers, config) {…}) ist headers eine function, die mir einen Hash aller Header geben soll, aber nur die Header content-type . Gibt es […]

Wie man jQuery in AngularJS benutzt

Ich versuche, einfache jQuery UI zu verwenden. Ich habe alles eingeschlossen und ich habe dieses einfache Skript: $(function() { $( “#slider” ).slider(); }); und Mein beinhaltet: Aber wenn ich die Seite öffne, gibt es keinen Schieberegler. Gemäß der Dokumentation von eckigen: Wenn jQuery verfügbar ist, ist angle.element ein Alias ​​für die jQuery-function. Wenn jQuery nicht […]

wie man Abhängigkeit in module.config (configFn) in angular injiziert

In Angular können wir $routeProvider in die config $routeProvider module.config(function ($routeProvider) { }); Ich möchte meinen Dienst darin einspeisen module.config(function ($routeProvider, myService) { }); Ich bin mir sicher, dass der Dienst richtig definiert ist, aber es unknown myService eine Ausnahme aus, die besagt, dass unknown myService , wenn ich ähnlich injiziere module.config(function ($routeProvider, $http) { […]

Aufruf der Methode des übergeordneten Controllers aus einer Richtlinie in AngularJS

Nach meiner vorherigen Frage versuche ich nun eine Methode auf dem übergeordneten Controller von meiner Direktive aufzurufen. Ich bekomme einen undefinierten Parameter. Folgendes mache ich: {{mandat.rum}} {{mandat.surname}} Und das Skript: var app = angular.module(‘myApp’, []); app.controller(‘MainCtrl’, function ($scope) { $scope.mandat = { name: “John”, surname: “Doe”, person: { id: 1408, firstname: “sam” } }; $scope.updatePerson […]

Sonst auf StateProvider

Wie kann ich die Methode sonst auf $ stateProvider verwenden oder wie kann ich sie überhaupt verwenden?

AngularJS: Benutzerdefinierte Filter und ng-Wiederholung

Ich bin ein AngularJS-Neuling und ich baue eine kleine Proof-of-Concept-Autovermietungs-App auf, die JSON eingibt und verschiedene Bits dieser Daten über eine ng-Wiederholung mit ein paar Filtern ausgibt: {{result.carType.name}}, {{result.carDetails.doors}} door, £{{result.price.value}} – {{ result.company.name }} {{result.carDetails.hireDuration}} day hire Air conditioning Unlimited Mileage Theft Protection Filters Doors: All 2 4 9 Provider: Atlas Choice Holiday Autos […]

Mocking $ modal in AngularJS-Unit-Tests

Ich schreibe einen Komponententest für einen Controller, der ein $modal und das zurückgegebene Versprechen verwendet, um eine Logik auszuführen. Ich kann den Eltern-Controller testen, der das $ -Modal austriggers, aber ich kann nicht für das Leben von mir herausfinden, wie man ein erfolgreiches Versprechen verspottet. Ich habe eine Reihe von Möglichkeiten ausprobiert, einschließlich der Verwendung […]

Wie man das erste Zeichen in einem Eingabefeld in AngularJS autocapitalize?

Wie wird das erste Zeichen in einem Eingabefeld innerhalb eines AngularJS-Formularelements automatisch aktiviert? Ich habe die jQuery-Lösung bereits gesehen, glaube aber, dass dies in AngularJS mit einer Direktive anders gemacht werden muss.

Erhalten Sie Wert, wenn Sie Änderungen an der ng-Option auswählen

Ich habe in meiner .html-Seite eine Dropdown-Liste, Dropdown-Liste: Select Account Ich möchte eine Aktion ausführen, wenn der Benutzer einen Wert auswählt. Also in meinem Controller habe ich: Regler: $scope.$watch(‘blisterPackTemplateSelected’, function() { alert(‘changed’); console.log($scope.blisterPackTemplateSelected); }); Die Änderung des Wertes in der Dropdown-Liste triggers jedoch nicht den folgenden Code aus: $scope.$watch(‘blisterPackTemplateSelected’, function() Als Ergebnis habe ich eine […]

Bind-class wechselt zum Fenster-Scroll-Ereignis

Wenn ein Benutzer in seinem Browserfenster unterhalb eines bestimmten Punktes scrollt, schalte ich die class des #page div um. Was ich bisher gemacht habe funktioniert gut: http://jsfiddle.net/eTTZj/29/ app = angular.module(‘myApp’, []); app.directive(“scroll”, function ($window) { return function(scope, element, attrs) { angular.element($window).bind(“scroll”, function() { if (this.pageYOffset >= 100) { element.addClass(‘min’); console.log(‘Scrolled below header.’); } else { […]