Als «angularjs-directive» getaggte Fragen

AngularJS-Direktiven sind eine Möglichkeit, HTML neue Tricks beizubringen, indem das HTML-Vokabular erweitert wird. Mit Direktiven können Sie DOM-Elemente in einem deklarativen Muster verwalten und so von einfachen DOM-Manipulationsaufgaben befreit werden.

17
Wie beschränke ich eine Eingabe so, dass nur Zahlen akzeptiert werden?
Ich verwende ngChange in AngularJS, um eine benutzerdefinierte Funktion auszulösen, die alle Buchstaben entfernt, die der Benutzer der Eingabe hinzufügt. <input type="text" name="inputName" data-ng-change="numbersOnly()"/> Das Problem ist, dass ich auf die Eingabe abzielen muss, die ausgelöst wurde, numbersOnly()damit ich die eingegebenen Buchstaben entfernen kann. Ich habe lange und intensiv bei …
2
Wie verwende ich die Funktion "Ersetzen" für benutzerdefinierte AngularJS-Anweisungen?
Warum hat replace=trueoder replace=falsekeine Auswirkungen auf den Code unten? Warum wird der "vorhandene Inhalt" nicht angezeigt, wenn replace = false? Oder, demütiger ausgedrückt, können Sie uns bitte erklären, was die replace=true/falseFunktion in Richtlinien ist und wie man sie verwendet? Beispiel JS / Angular: <script> angular.module('scopes', []) .controller('Ctrl', function($scope) { $scope.title …
2
AngularJS-Direktivenelementmethodenbindung - TypeError: Der Operator 'in' kann nicht verwendet werden, um in 1 nach 'functionName' zu suchen
Dies ist der Controller der Hauptvorlage: app.controller('OverviewCtrl', ['$scope', '$location', '$routeParams', 'websiteService', 'helperService', function($scope, $location, $routeParams, websiteService, helperService) { ... $scope.editWebsite = function(id) { $location.path('/websites/edit/' + id); }; }]); Dies ist die Richtlinie: app.directive('wdaWebsitesOverview', function() { return { restrict: 'E', scope: { heading: '=', websites: '=', editWebsite: '&' }, templateUrl: 'views/websites-overview.html' …
6
Winkel ng-if oder ng-show reagiert langsam (2 Sekunden Verzögerung?)
Ich versuche, eine Ladeanzeige auf einer Schaltfläche anzuzeigen oder auszublenden, wenn eine Anforderung beschäftigt ist. Ich mache das mit Angular, indem ich die Variable $ scope.loading ändere, wenn eine Anfrage geladen wird oder wenn sie geladen ist. $scope.login = function(){ $scope.loading = true; apiFactory.getToken() .success(function(data){ }) .error(function(error){ }) .finally(function(){ $timeout(function() …
2
Wie man einen Controller in einer AngularJS-Direktive benötigt
Kann mir jemand sagen, wie man einen Controller aus einer Direktive in eine andere angleJS-Direktive einbindet. Zum Beispiel habe ich den folgenden Code var app = angular.module('shop', []). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/js/partials/home.html' }) .when('/products', { controller: 'ProductsController', templateUrl: '/js/partials/products.html' }) .when('/products/:productId', { controller: 'ProductController', templateUrl: '/js/partials/product.html' …
30
Angular2 - Eingabefeld zum Akzeptieren nur von Zahlen
Wie kann ich in Angular 2 ein Eingabefeld (Textfeld) so maskieren, dass nur Zahlen und keine alphabetischen Zeichen akzeptiert werden? Ich habe die folgende HTML-Eingabe: <input type="text" *ngSwitchDefault class="form-control" (change)="onInputChange()" [(ngModel)]="config.Value" (focus)="handleFocus($event)" (blur)="handleBlur($event)" /> Die obige Eingabe ist eine generische Texteingabe, die entweder als einfaches Textfeld oder als numerisches Feld …
16
Bestätigungsdialog bei ng-click - AngularJS
Ich versuche, einen Bestätigungsdialog für ng-clickeine benutzerdefinierte AngularJS-Direktive einzurichten: app.directive('ngConfirmClick', [ function(){ return { priority: 1, terminal: true, link: function (scope, element, attr) { var msg = attr.ngConfirmClick || "Are you sure?"; var clickAction = attr.ngClick; element.bind('click',function (event) { if ( window.confirm(msg) ) { scope.$eval(clickAction) } }); } }; }]) …
7
Angularjs dynamische ng-Mustervalidierung
Ich habe ein Formular, das, wenn ein Kontrollkästchen falsch ist, die Validierung einer Texteingabe unter Verwendung der Anweisung ng-require erzwingt. Wenn das Kontrollkästchen true ist, wird das Feld ausgeblendet und ng-required auf false gesetzt. Das Problem ist, dass ich auch einen regulären Ausdruck für die Validierung am Eingang habe, der …
4
Warum kann in der Vorlage einer Direktive mit isoliertem Gültigkeitsbereich nicht auf $ rootScope zugegriffen werden?
Mit isolate scope scheint die Vorlage der Direktive nicht in der Lage zu sein, auf die Variable $ rootScope des Controllers ('Ctrl') zuzugreifen, die jedoch im Controller der Direktive angezeigt wird. Ich verstehe, warum die $ scope-Variable des Controllers ('Ctrl') im isolierten Bereich nicht sichtbar ist. HTML: <div ng-app="app"> <div …
4
Wie wird "Ersetzen" der Direktivendefinition verwendet?
In diesem Dokument: http://docs.angularjs.org/guide/directive heißt es, dass es eine replaceKonfiguration für Anweisungen gibt: Vorlage - Ersetzen Sie das aktuelle Element durch den Inhalt des HTML. Der Ersetzungsprozess migriert alle Attribute / Klassen vom alten zum neuen Element. Weitere Informationen finden Sie im Abschnitt Erstellen von Komponenten. Javascript-Code app.directive('myd1', function(){ return …
4
So testen Sie die Richtlinie für isolierte Bereiche in AngularJS
Was ist ein guter Weg, um isolierte Bereiche in AngularJS zu testen? JSFiddle zeigt Unit-Test Direktiven-Snippet scope: {name: '=myGreet'}, link: function (scope, element, attrs) { //show the initial state greet(element, scope[attrs.myGreet]); //listen for changes in the model scope.$watch(attrs.myGreet, function (name) { greet(element, name); }); } Ich möchte sicherstellen, dass die …
7
AngularJS 1.5+ Komponenten unterstützen keine Watcher. Worum geht es?
Ich habe meine benutzerdefinierten Anweisungen auf die neue Komponentenarchitektur aktualisiert . Ich habe gelesen, dass Komponenten keine Beobachter unterstützen. Ist das richtig? Wenn ja, wie erkennen Sie Änderungen an einem Objekt? Als einfaches Beispiel habe ich eine benutzerdefinierte Komponente, myBoxdie ein untergeordnetes Komponentenspiel mit einer Bindung für das Spiel enthält. …
4
Ändern Sie die Klasse beim Mouseover in der Direktive
Ich habe Probleme damit, eine Klasse dazu zu bringen, eine verschachtelte Direktive zu ändern. Dies ist die äußere ng-Wiederholung <div data-courseoverview data-ng-repeat="course in courses | orderBy:sortOrder | filter:search" data-ng-controller ="CourseItemController" data-ng-class="{ selected: isSelected }"> Unten ist die innere ng-Wiederholung, die eine andere Direktive verwendet <li data-ng-repeat="item in social" class="social-{{item.name}}" ng-mouseover="hoverItem(true);" …
8
anglejs ng-style: Hintergrundbild funktioniert nicht
Ich versuche, ein Hintergrundbild mithilfe des Winkels auf ein Div anzuwenden ng-style(ich habe zuvor eine benutzerdefinierte Direktive mit demselben Verhalten ausprobiert), aber es scheint nicht zu funktionieren. <nav class="navigation-grid-container" data-ng-class="{ bigger: isNavActive == true }" data-ng-controller="NavigationCtrl" data-ng-mouseenter="isNavActive = true; $parent.isNavActive = true" data-ng-mouseleave="isNavActive = false; $parent.isNavActive = false" data-ng-show="$parent.navInvisible == …
3
So testen Sie eine benutzerdefinierte Validierungs-Winkelanweisung
Diese benutzerdefinierte Validierungsrichtlinie ist ein Beispiel, das auf der offiziellen Winkel-Site vorgestellt wird. http://docs.angularjs.org/guide/forms Überprüft, ob eine Texteingabe im Zahlenformat vorliegt oder nicht. var INTEGER_REGEXP = /^\-?\d*$/; app.directive('integer', function() { return { require: 'ngModel', link: function(scope, elm, attrs, ctrl) { ctrl.$parsers.unshift(function(viewValue) { if (INTEGER_REGEXP.test(viewValue)) { // it is valid ctrl.$setValidity('integer', …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.