Articles of Angularjs

Wie funktioniert die Zwei-Wege-Filterung in AngularJS?

Eines der interessanten Dinge, die AngularJS tun kann, ist das Anwenden eines Filters auf einen bestimmten Datenbindungsausdruck, mit dem beispielsweise kulturspezifische Währungs- oder Datumsformatierungen der Eigenschaften eines Modells bequem angewendet werden können. Es ist auch schön, Eigenschaften auf dem scope berechnet zu haben. Das Problem ist, dass keines dieser Features mit Zwei-Wege-Databinding-Szenarien funktioniert – nur […]

Wie verhindert manDefault auf Anchor-Tags?

Nehmen wir an, ich habe ein Anker-Tag wie Click Wie kann ich verhindern, dass der Browser in AngularJS zu # navigiert?

Wie man URL nicht ändert, wenn Fehler 404-Seite mit UI-Router angezeigt wird

Ich möchte 404 Fehlerseite zeigen, aber ich möchte auch falsche URL in Standort speichern. Wenn ich so etwas mache: $urlRouterProvider.otherwise(‘404’); $stateProvider .state(‘404’, { url: ‘/404’, template: error404Template }); Die URL wird in /404 geändert. Wie kann ich eine Fehlermeldung auf falschen URLs anzeigen, ohne die tatsächliche URL zu ändern?

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, […]