Articles of Angularjs

Benutzerdefinierte Sortierfunktion in ng-repeat

Ich habe eine Reihe von Kacheln, die eine bestimmte Anzahl anzeigen, je nachdem, welche Option vom Benutzer ausgewählt wurde. Ich möchte nun eine Sortierung nach welcher Nummer auch immer zeigen. Der folgende Code zeigt, wie ich ihn implementiert habe (indem ich einen Wert im Bereich der übergeordneten Karten abruft / einnehme). Jetzt, da die function […]

AngularJS – function an Direktive übergeben

Ich habe ein Beispiel angularJS angular.module(‘dr’, []) .controller(“testCtrl”, function($scope) { $scope.color1 = “color”; $scope.updateFn = function() { alert(‘123’); } }) .directive(‘test’, function() { return { restrict: ‘E’, scope: {color1: ‘=’, updateFn: ‘&’}, template: “Click”, replace: true, link: function(scope, elm, attrs) { } } }); Ich möchte, wenn ich auf die Schaltfläche klicken, wird die Warnmeldung […]

Wie man View / partielles spezifisches Styling in AngularJS einbaut

Was ist der geeignete / akzeptierte Weg, separate Stylesheets für die verschiedenen Ansichten meiner Anwendung zu verwenden? Zur Zeit lege ich ein Link-Element in den HTML-Code der Ansicht / Partial an die Spitze, aber mir wurde gesagt, dass dies eine schlechte Übung ist, obwohl alle modernen Browser es unterstützen, aber ich kann sehen, warum es […]

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’: […]