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.

10
Zaznacz tekst w fokusie wprowadzania
Mam wpisywanie tekstu. Kiedy wejście jest fokusem, chcę zaznaczyć tekst wewnątrz wejścia. Z jQuery zrobiłbym to w ten sposób: <input type="text" value="test" /> $("input[type=text]").click(function() { $(this).select(); // would select "test" in this example }); Szukałem wokół, aby spróbować znaleźć sposób Angular, ale większość przykładów, które znajduję, dotyczy dyrektywy, która obserwuje …
4
Wywołaj metodę w kontrolerze dyrektywy z innego kontrolera
Mam dyrektywę, która ma własnego kontrolera. Zobacz poniższy kod: var popdown = angular.module('xModules',[]); popdown.directive('popdown', function () { var PopdownController = function ($scope) { this.scope = $scope; } PopdownController.prototype = { show:function (message, type) { this.scope.message = message; this.scope.type = type; }, hide:function () { this.scope.message = ''; this.scope.type = ''; …
4
Kątowe opóźnienie zmiany ng
Mam dane wejściowe, które filtrują listę powtórzeń ng po zmianie. Powtórzenie zawiera dużo danych i przefiltrowanie wszystkiego zajmuje kilka sekund. Chciałbym, aby były opóźnione o 0,5 sekundy przed rozpoczęciem procesu filtrowania. Jaki jest prawidłowy sposób w kątowym, aby utworzyć to opóźnienie? Wejście <input ng-model="xyz" ng-change="FilterByName()" /> Powtarzać <div ng-repeat"foo in …
5
Rozszerzenie dyrektywy kątowej
Chciałbym wprowadzić niewielką modyfikację w dyrektywie innej firmy (szczególnie w Angular UI Bootstrap ). Chcę po prostu dodać do zakresu panedyrektywy: angular.module('ui.bootstrap.tabs', []) .controller('TabsController', ['$scope', '$element', function($scope, $element) { // various methods }]) .directive('tabs', function() { return { // etc... }; }) .directive('pane', ['$parse', function($parse) { return { require: '^tabs', …
3
Jak wybrać element według nazwy klasy za pomocą jqLite?
Próbuję usunąć jquery z mojej aplikacji Angular.js, aby była lżejsza, i zamiast tego umieścić jqLite Angulara. Jednak aplikacja w dużym stopniu korzysta z funkcji find („# id”) i find („.classname”), które nie są obsługiwane przez jqLite, tylko „nazwy tagów” ​​(zgodnie z dokumentacją) zastanawiałeś się, jakie według ciebie byłoby najlepsze podejście …
7
Dyrektywa angularjs wywołuje funkcję określoną w atrybucie i przekazuje do niej argument
Chcę utworzyć dyrektywę, która łączy się z atrybutem. Atrybut określa funkcję, która powinna zostać wywołana w zakresie. Ale chcę również przekazać argument do funkcji, która jest określona w funkcji łącza. <div my-method='theMethodToBeCalled'></div> W funkcji link łączę się ze zdarzeniem jQuery, które przekazuje argument, który muszę przekazać do funkcji: app.directive("myMethod",function($parse) { …
5
AngularJS: lista powtórzeń ng nie jest aktualizowana, gdy element modelu jest łączony z tablicy modelu
Mam dwa kontrolery i udostępniam dane między nimi za pomocą funkcji app.factory. Pierwszy kontroler dodaje widżet do tablicy modelu (pluginsDisplayed) po kliknięciu łącza. Widżet jest wstawiany do tablicy i ta zmiana jest odzwierciedlana w widoku (który używa ng-repeat do pokazania zawartości tablicy): <div ng-repeat="pluginD in pluginsDisplayed"> <div k2plugin pluginname="{{pluginD.name}}" pluginid="{{pluginD.id}}"></div> …
2
$ Apply vs $ Digest w testowaniu dyrektywy
Jeśli mam dyrektywę, która reaguje na stan konkretnego atrybutu w zakresie i chcę zmienić ten atrybut w moim teście i sprawdzić, czy odpowiada poprawnie, jaki jest najlepszy sposób wprowadzenia tej zmiany? Widziałem oba te wzorce: scope.$apply(function() { scope.myAttribute = true; }); i scope.myAttribute = true; scope.$digest(); Jaka jest między nimi …
6
kątowy ng-bind-html i dyrektywę w nim
Plunker Link Mam element, z którym chciałbym powiązać HTML. <div ng-bind-html="details" upper></div> To działa. Teraz razem z nim mam również dyrektywę, która jest związana z powiązanym html: $scope.details = 'Success! <a href="#/details/12" upper>details</a>' Ale dyrektywa upperz elementami div i anchor nie jest oceniana. Jak to działa?
2
Zakres izolatów dyrektywy z zakresem powtórzeń ng w AngularJS
Mam dyrektywę z izolowanym zakresem (aby móc ponownie wykorzystać dyrektywę w innych miejscach), a kiedy używam tej dyrektywy z rozszerzeniem ng-repeat, nie działa. Przeczytałem całą dokumentację i odpowiedzi Stack Overflow na ten temat i rozumiem problemy. Myślę, że uniknąłem wszystkich typowych problemów. Rozumiem więc, że mój kod nie działa z …
4
Wywołaj funkcję kontrolera z dyrektywy bez izolowanego zakresu w AngularJS
Nie mogę znaleźć sposobu na wywołanie funkcji z zakresu nadrzędnego z poziomu dyrektywy bez użycia zakresu izolowanego. Wiem, że jeśli używam zakresu izolowanego, mogę po prostu użyć „&” w izolowanym, aby uzyskać dostęp do funkcji w zakresie nadrzędnym, ale użycie zakresu izolowanego, gdy nie jest to konieczne, ma konsekwencje. Rozważ …
2
Dostęp do atrybutów z dyrektywy AngularJS
Mój szablon AngularJS zawiera niestandardową składnię HTML, taką jak: <su-label tooltip="{{field.su_documentation}}">{{field.su_name}}</su-label> Stworzyłem dyrektywę, aby to przetworzyć: .directive('suLabel', function() { return { restrict: 'E', replace: true, transclude: true, scope: { title: '@tooltip' }, template: '<label><a href="#" rel="tooltip" title="{{title}}" data-placement="right" ng-transclude></a></label>', link: function(scope, element, attrs) { if (attrs.tooltip) { element.addClass('tooltip-title'); } }, …
1
AngularJS: ngInclude vs dyrektywa
Nie bardzo rozumiem, kiedy należy użyć dyrektywy, a kiedy bardziej odpowiednie byłoby użycie nginclude. Weźmy ten przykład: mam częściowy, password-and-confirm-input-fields.htmlczyli html do wprowadzania i potwierdzania hasła. Używam tego zarówno pod stroną rejestracji, jak i stroną zmiany hasła. Każda z tych dwóch stron ma kontroler, część HTML nie ma dedykowanego kontrolera. …
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.