Articles of Angularjs

Was ist der Unterschied zwischen ng-app und data-ng-app?

Ich habe angefangen, etwas über AngularJS zu erfahren und bin verwirrt darüber, was die Unterschiede zwischen den ng-app und data-ng-app Direktiven sind.

AngularJS – Zugang zum Kinderbereich

Wenn ich folgende Controller habe: function parent($scope, service) { $scope.a = ‘foo’; $scope.save = function() { service.save({ a: $scope.a, b: $scope.b }); } } function child($scope) { $scope.b = ‘bar’; } Was ist der richtige Weg, parent b aus dem child lesen? Wenn es notwendig ist, b in parent zu definieren, würde das nicht semantisch […]

AngularJS – Erstellen Sie eine Direktive, die ng-model verwendet

Ich versuche, eine Direktive zu erstellen, die ein Eingabefeld mit demselben ng-Modell wie das Element erstellen würde, das die Direktive erstellt. Folgendes habe ich mir bisher ausgedacht: HTML AngularJS Plunker document.write(“”); This scope value JavaScript var app = angular.module(‘plunker’, []); app.controller(‘MainCtrl’, function($scope) { $scope.name = “Felipe”; }); app.directive(‘myDirective’, function($compile) { return { restrict: ‘E’, scope: […]

Wie rufe ich einen Angular.js-Filter mit mehreren Argumenten auf?

Wie in der Dokumentation können wir einen Filter wie das folgende Datum aufrufen: {{ myDateInScope | date: ‘yyyy-MM-dd’ }} Hier ist ein Filter, der ein Argument benötigt. Wie lautet die Syntax, um Filter mit mehr Parametern sowohl aus Vorlagen als auch aus JavaScript-Code aufzurufen?

Angular ng-repeat fügt alle drei oder vier Spalten eine Bootstrap-Zeile hinzu

Ich suche nach dem richtigen Muster, um eine Bootstrap-Zeilenklasse alle 3 Spalten einzufügen. Ich brauche das, weil Cols keine feste Höhe hat (und ich will nicht reparieren), also bricht es mein Design! Hier ist mein Code: … Aber es zeigt nur ein Produkt in jeder Reihe an. Was ich als Endergebnis haben möchte ist: … […]

ng – Wiederhole das Filtern von Daten nach Datumsbereich

Ich versuche eine Liste zu filtern, die einen Zeitstempel enthält, indem ich einen Datumsbereich eingib beispielsweise: JSFIDDLE html From: To: {{order.date1 * 1000 | date:’dd-MM-yyyy’}} {{order.date2 * 1000 | date:’dd-MM-yyyy’}} Javascript var nameSpace = angular.module(‘tst’,[]); nameSpace.controller(‘MyController’, function MyController($scope) { $scope.orders = [ { “date1″:”1306487800”, “date2″:”1406587800” }, { “date1″:”1196487800”, “date2″:”1406597800” }] }); Ich möchte in der […]

Wie binäre Dateien mit AngularJS POST (mit Upload-DEMO)

Datei mit eckigem Post-Aufruf kann nicht gesendet werden Ich versuche, .mp4 Datei mit einigen Daten durch ionische 1 mit eckigen 1. Posting während POSTMAN ist es in Ordnung und funktioniert. Ich erhalte Success = false in meiner Anwendung. In POSTMAN sind keine Header und Daten enthalten, Service-URL mit POST-Anforderung http://services.example.com/upload.php in Formulardaten j_id = 4124, […]

Kann ich ng-model mit isoliertem scope verwenden?

Ich erstelle eine einfache UI-Datetime-Direktive. Es spaltet Javascript Date-Objekt in _date, _hours und _minutes Teile. _date verwendet jquery ui datepicker, _hours und _minutes – Zahleneingaben. angular.module(“ExperimentsModule”, []) .directive(“uiDatetime”, function () { return { restrict: ‘EA’, replace: true, template: ” + ” + ” + ” + ‘Child datetime1: {{datetime1}}’ + ”, require: ‘ngModel’, scope: true, […]

Wie verwendet man $ http Versprechung Antwort außerhalb des Erfolgshandlers

$scope.tempObject = {}; $http({ method: ‘GET’, url: ‘/myRestUrl’ }).then(function successCallback(response) { $scope.tempObject = response console.log(“Temp Object in successCallback “, $scope.tempObject); }, function errorCallback(response) { }); console.log(“Temp Object outside $http “, $scope.tempObject); Ich successCallback Antwort in successCallback aber $scope.tempObject außerhalb von $http . es zeigt undefined . Wie man auf response oder $scope.tempObject nach $http $scope.tempObject

$ LocationChangeSuccess und $ stateChangeStart verwirren

Ich versuche eine Authentifizierung mit AngularUI Router durchzuführen. $urlRouter.sync() sieht genau so aus, wie ich es brauche. Dies ist jedoch nur verfügbar, wenn ich $locationChangeSuccess . Aber wenn ich das tue, ist $state.current.name leer, während ich möchte, dass es der aktuelle Status ist. Hier ist mein Code bis jetzt: $rootScope.$on(‘$locationChangeSuccess’, function(event, next, nextParams) { event.preventDefault(); […]