Articles of Angularjs

Senden Sie das Formular ein, wenn Sie die Eingabetaste mit AngularJS drücken

Welche Optionen muss ich in diesem speziellen Fall haben, um diese Eingaben aufzurufen, wenn ich die Eingabetaste drücke? // HTML view // <input type="text" ng-model="name" /> <input type="text" ng-model="email" /> // Controller // .controller(‘mycontroller’, [‘$scope’,function($scope) { $scope.name = ”; $scope.email = ”; // Function to be called when pressing ENTER $scope.myFunc = function() { alert(‘Submitted’); […]

Angular js init ng-model aus Standardwerten

Angenommen, Sie haben ein Formular mit Werten, die aus der database geladen wurden. Wie initialisierst du ng-model? Beispiel: In meinem Controller ist $ scope.card zunächst undefiniert. Gibt es einen Weg, etwas anderes zu tun? $scope.card = { description: $(‘myinput’).val() }

Angular und AngularJS Frameworks nebeneinander ausführen

Ich habe Ressourcen gefunden, die beschreiben, wie Angular (2) -Komponenten in AngularJS integriert werden können, aber alle haben das AngularJS-Projekt wie ein Angular-Projekt aufgebaut, das einen Transpiler aus TypeScript erfordert, der ES6 erfordert und Importanweisungen erfordert. Ich möchte einfach angularkomponenten in meiner AngularJS-Anwendung verwenden, ohne den bestehenden Workflow zu stören. Ist das möglich und wenn […]

AngularJS – Strukturieren eines benutzerdefinierten Filters mit ng-repeat, um Elemente bedingt zurückzugeben

Ich habe eine ng-Wiederholung, die Listenelemente druckt. Ich möchte einen benutzerdefinierten Filter schreiben, sodass das Listenelement nur dann gedruckt wird, wenn eine Bedingung erfüllt ist. Ich scheine die Struktur falsch zu haben, da es scheint, dass die Variablen nicht durch den Filter geleitet werden. index.php Menu {{menuItem.name}} app.js userApp.filter(‘matchAccessLevel’, function() { return function( item, userAccessLevel, […]

Erzwingen eindeutiger Benutzernamen mit Firebase Simplelogin

Ich habe kürzlich ein Tutorial über Thinkster zum Erstellen einer Web-App mit Angular und Firebase verfolgt. Das Tutorial verwendet die Firebase simpleLogin-Methode, mit der ein ‘Profil’ erstellt werden kann, das einen Benutzernamen enthält. Fabrik: app.factory(‘Auth’, function($firebaseSimpleLogin, $firebase, FIREBASE_URL, $rootScope) { var ref = new Firebase(FIREBASE_URL); var auth = $firebaseSimpleLogin(ref); var Auth = { register: function(user) […]

angular- und SVG-Filter

Ich kam über ein seltsames Verhalten bei der Verwendung von SVG mit AngularJS. Ich verwende den Dienst $routeProvider , um meine Routen zu konfigurieren. Wenn ich dieses einfache SVG in meine Vorlagen einfüge, ist alles in Ordnung: // … Aber wenn ich einen Filter hinzufüge, mit diesem Code zum Beispiel: Dann: Es funktioniert auf meiner […]

Entfernen Sie die Option Blank aus Option mit AngularJS auswählen

Ich bin neu in AngularJS. Ich habe viel gesucht, aber das triggers mein Problem nicht. Ich erhalte zum ersten Mal eine leere Option in der Auswahlbox. Hier ist mein HTML-Code {{template.name}} JS var MyApp=angular.module(‘MyApp1’,[]) MyApp.controller(‘MyController’, function($scope) { $scope.feed = {}; //Configuration $scope.configs = [ {‘name’: ‘Config 1’, ‘value’: ‘config1’}, {‘name’: ‘Config 2’, ‘value’: ‘config2’}, {‘name’: […]

Angular $ scope. $ Apply vs $ timeout als sicheres $ apply

Ich versuche, die Nuancen der Verwendung des $ Timeout-Dienstes in Angular als eine Art “safe $ apply” -Methode besser zu verstehen. Grundsätzlich in Szenarien, in denen ein Codeabschnitt als Antwort auf ein Angular-Ereignis oder ein nicht eckiges Ereignis wie jQuery oder ein bestimmtes DOM-Standardereignis ausgeführt werden kann. So wie ich die Dinge verstehe: Wrapping-Code in […]

Das Hinzufügen eines Parameters zur ng-click-function innerhalb von ng-repeat scheint nicht zu funktionieren

Ich habe eine einfache Schleife mit ng-repeat wie folgt: {{task.name}} remove Es gibt eine function im Controller $scope.removeTask(taskID) . Soweit ich weiß, wird Angular zuerst die Ansicht rendern und die interpolierte {{task.id}} durch eine Zahl ersetzen und dann bei einem click {{task.id}} die ng-click Zeichenfolge auswerten. In diesem Fall bekommt ng-click=”removeTask(5)”. was erwartet wird, ng-click=”removeTask(5)”. […]

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.