Pytania otagowane jako angularjs-directive

Dyrektywy AngularJS to sposób na nauczenie HTML nowych sztuczek poprzez rozszerzenie słownictwa HTML. Dyrektywy pozwalają na zarządzanie elementami DOM w sposób deklaratywny, uwalniając cię od zadań manipulowania DOM na niskim poziomie.

2
Jak korzystać z funkcji „zamień” dla niestandardowych dyrektyw AngularJS?
Dlaczego ma replace=truelub replace=falsenie ma żadnego wpływu na poniższy kod? Dlaczego „niektóre istniejące treści” nie są wyświetlane, gdy replace = false? Albo mówiąc bardziej pokornie, czy możesz uprzejmie wyjaśnić, jaka jest replace=true/falsefunkcja dyrektyw i jak z niej korzystać? Przykład JS / Angular: <script> angular.module('scopes', []) .controller('Ctrl', function($scope) { $scope.title = …
17
Jak ograniczyć dane wejściowe, aby akceptować tylko liczby?
Używam ngChange w AngularJS do wywołania niestandardowej funkcji, która usunie wszelkie litery, które użytkownik doda do danych wejściowych. <input type="text" name="inputName" data-ng-change="numbersOnly()"/> Problem polega na tym, że muszę skierować dane wejściowe, które się uruchomiły, numbersOnly()aby móc usunąć wprowadzone litery. Długo i intensywnie szukałem w Google i nie mogłem znaleźć nic …
2
Powiązanie metody elementu dyrektywy AngularJS - TypeError: Nie można użyć operatora „in” do wyszukania „functionName” w 1
To jest kontroler głównego szablonu: app.controller('OverviewCtrl', ['$scope', '$location', '$routeParams', 'websiteService', 'helperService', function($scope, $location, $routeParams, websiteService, helperService) { ... $scope.editWebsite = function(id) { $location.path('/websites/edit/' + id); }; }]); To jest dyrektywa: app.directive('wdaWebsitesOverview', function() { return { restrict: 'E', scope: { heading: '=', websites: '=', editWebsite: '&' }, templateUrl: 'views/websites-overview.html' } }); …
6
kątowe ng-if lub ng-show reaguje wolno (2-sekundowe opóźnienie?)
Próbuję pokazać lub ukryć wskaźnik ładowania na przycisku, gdy żądanie jest zajęte. Robię to z angular, zmieniając zmienną $ scope.loading podczas ładowania żądania lub po zakończeniu ładowania. $scope.login = function(){ $scope.loading = true; apiFactory.getToken() .success(function(data){ }) .error(function(error){ }) .finally(function(){ $timeout(function() { $scope.loading = false; }, 0); }); }; Na froncie: …
30
Angular2 - Pole wprowadzania do akceptowania tylko liczb
W Angular 2, jak mogę zamaskować pole wejściowe (pole tekstowe) tak, aby akceptowało tylko liczby, a nie znaki alfabetyczne? Mam następujące dane wejściowe HTML: <input type="text" *ngSwitchDefault class="form-control" (change)="onInputChange()" [(ngModel)]="config.Value" (focus)="handleFocus($event)" (blur)="handleBlur($event)" /> Powyższe dane wejściowe to ogólne dane wejściowe, które mogą być używane jako proste pole tekstowe lub jako …
2
Jak wymagać kontrolera w dyrektywie angularjs
Czy ktoś może mi powiedzieć, jak włączyć kontroler z jednej dyrektywy do innej dyrektywy angularJS. na przykład mam następujący kod 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' }); }]); app.directive('mainCtrl', …
17
Okno dialogowe potwierdzenia na ng-click - AngularJS
Próbuję ustawić okno dialogowe potwierdzenia na ng-clickpodstawie niestandardowej dyrektywy angularjs: 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
Dynamiczna walidacja wzorców ng w Angularjs
Mam formularz, który jeśli pole wyboru jest fałszywe, wymusza walidację danych wejściowych za pomocą dyrektywy ng-required. Jeśli pole wyboru ma wartość true, pole jest ukryte, a wartość ng-required ma wartość false. Problem polega na tym, że mam również wyrażenie regularne do walidacji określone na wejściu, a także wykorzystuję dyrektywę kątową …
4
Dlaczego nie można uzyskać dostępu do $ rootScope w szablonie dyrektywy z izolowanym zakresem?
Wydaje się, że w przypadku zakresu izolowanego szablon dyrektywy nie ma dostępu do zmiennej kontrolera ('Ctrl') $ rootScope, która jednak pojawia się w kontrolerze dyrektywy. Rozumiem, dlaczego zmienna kontrolera („Ctrl”) $ scope nie jest widoczna w zakresie izolowanym. HTML: <div ng-app="app"> <div ng-controller="Ctrl"> <my-template></my-template> </div> <script type="text/ng-template" id="my-template.html"> <label ng-click="test(blah)">Click</label> …
4
Jak używać funkcji „replace” definicji dyrektywy?
W tym dokumencie: http://docs.angularjs.org/guide/directive jest napisane, że istnieje replacekonfiguracja dla dyrektyw: szablon - zamień aktualny element na zawartość HTML. Proces wymiany migruje wszystkie atrybuty / klasy ze starego elementu do nowego. Aby uzyskać więcej informacji, zobacz sekcję Tworzenie komponentów poniżej. kod javascript app.directive('myd1', function(){ return { template: '<span>directive template1</span>', replace: …
4
Jak przeprowadzić testy jednostkowe dyrektywy zakresu izolowanego w AngularJS
Jaki jest dobry sposób testowania jednostkowego izolowanego zakresu w AngularJS JSFiddle pokazujący test jednostkowy Fragment dyrektywy 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); }); } Chcę mieć pewność, że dyrektywa …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.