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.

18
Jaka jest różnica między „@” a „=” w zakresie dyrektywy w AngularJS?
Przeczytałem uważnie dokumentację AngularJS na ten temat, a następnie majstrowałem przy dyrektywie. Oto skrzypce . A oto kilka istotnych fragmentów: Z HTML : <pane bi-title="title" title="{{title}}">{{text}}</pane> Z dyrektywy dotyczącej okien: scope: { biTitle: '=', title: '@', bar: '=' }, Jest kilka rzeczy, których nie rozumiem: Dlaczego muszę korzystać "{{title}}"z '@'i …
30
Jak ustawić fokus na polu wprowadzania?
Jaki jest „Angularowy sposób”, aby skupić się na polu wejściowym w AngularJS? Bardziej szczegółowe wymagania: Po otwarciu modalu ustaw fokus na predefiniowanym <input>w tym modalu. Za każdym razem, gdy <input>staje się widoczny (np. Klikając jakiś przycisk), ustaw na nim fokus. Starałem się osiągnąć pierwszy wymóg z autofocus, ale to działa …
6
Link vs kompilacja vs kontroler
Podczas tworzenia dyrektywy można wstawić kod do kompilatora, funkcji łącza lub kontrolera. W dokumentach wyjaśniają, że: funkcje kompilacji i łączenia są używane w różnych fazach cyklu kątowego kontrolery są współużytkowane między dyrektywami Jednak dla mnie nie jest jasne, jaki kod powinien iść gdzie. Np .: Czy mogę tworzyć funkcje w …
8
Dyrektywy kątowe - kiedy i jak korzystać z kompilacji, kontrolera, pre-link i post-link [zamknięte]
Zamknięte. To pytanie nie jest zgodne z wytycznymi dotyczącymi przepełnienia stosu . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby było na temat przepełnienia stosu. Zamknięte 5 lat temu . Pisząc dyrektywę Angular, można użyć dowolnej z następujących funkcji do manipulowania zachowaniem DOM, treścią i wyglądem elementu, …
19
Jak użyć zdarzenia naciśnięcia klawisza w AngularJS?
Chcę złapać zdarzenie naciśnij klawisz Enter w polu tekstowym poniżej. Aby to wyjaśnić, używam a, ng-repeataby wypełnić całe ciało. Oto HTML: <td><input type="number" id="closeqty{{$index}}" class="pagination-right closefield" data-ng-model="closeqtymodel" data-ng-change="change($index)" required placeholder="{{item.closeMeasure}}" /></td> To jest mój moduł: angular.module('components', ['ngResource']); Używam zasobu do zapełnienia tabeli, a mój kod kontrolera to: function Ajaxy($scope, $resource) …
6
Jak uzyskać dostęp do zakresu nadrzędnego z niestandardowej dyrektywy * z własnym zakresem * w AngularJS?
Szukam jakiegokolwiek sposobu dostępu do zakresu „nadrzędnego” w ramach dyrektywy. Jakakolwiek kombinacja zakresu, transkluzji, wymagania, przekazywania zmiennych (lub samego zakresu) z góry itp. Jestem całkowicie skłonny pochylić się do tyłu, ale chcę uniknąć czegoś całkowicie zhakowanego lub niemożliwego do utrzymania. Na przykład wiem, że mógłbym to zrobić teraz, pobierając parametry …
13
Jak wywołać metodę zdefiniowaną w dyrektywie AngularJS?
Mam dyrektywę, oto kod: .directive('map', function() { return { restrict: 'E', replace: true, template: '<div></div>', link: function($scope, element, attrs) { var center = new google.maps.LatLng(50.1, 14.4); $scope.map_options = { zoom: 14, center: center, mapTypeId: google.maps.MapTypeId.ROADMAP }; // create map var map = new google.maps.Map(document.getElementById(attrs.id), $scope.map_options); var dirService= new google.maps.DirectionsService(); var …
13
Jaki jest najlepszy sposób warunkowego zastosowania atrybutów w AngularJS?
Muszę być w stanie dodać na przykład „contentediable” do elementów, w oparciu o zmienną boolowską w zakresie. Przykładowe zastosowanie: <h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1> Spowodowałoby to dodanie contenteditable = true do elementu, gdyby $scope.editModebył ustawiony na true. Czy jest jakiś prosty sposób na implementację takiego zachowania atrybutu klasy ng? Rozważam napisanie dyrektywy …
2
Co to jest ng-tranclude?
Widziałem wiele pytań dotyczących StackOverflow omawiających ng-tranclude, ale żadne z nich nie wyjaśniło laikom, co to jest. Opis w dokumentacji jest następujący: Dyrektywa oznaczająca punkt wstawienia transkomentowanej DOM najbliższej dyrektywy nadrzędnej, która korzysta z transkluzji. To dość mylące. Czy ktoś byłby w stanie wyjaśnić w prosty sposób, co ma na …
5
Jak pisząc dyrektywę w AngularJS, jak zdecydować, czy nie potrzebuję nowego zakresu, nowego zakresu potomnego ani nowego zakresu izolowanego?
Szukam wskazówek, które można wykorzystać, aby określić, jakiego rodzaju zakresu należy użyć podczas pisania nowej dyrektywy. Idealnie chciałbym coś podobnego do schematu blokowego, który poprowadzi mnie przez kilka pytań i wyskoczy prawidłową odpowiedź - bez nowego zakresu, nowego zakresu potomnego lub nowego zakresu izolowania - ale to prawdopodobnie wymaga zbyt …
6
Jak ustawić atrybut src iframe ze zmiennej w AngularJS
Próbuję ustawić srcatrybut iframe ze zmiennej i nie mogę go uruchomić ... Znaczniki: <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> <a ng-click="setProject(project.id)" href="">{{project.url}}</a> </li> </ul> <iframe ng-src="{{trustSrc(currentProject.url)}}"> Something wrong... </iframe> </div> kontrolery / app.js: function AppCtrl ($scope) { $scope.projects = { 1 : { "id" : 1, "name" …
7
Jak mogę dynamicznie dodać dyrektywę w AngularJS?
Mam bardzo spartaczoną wersję tego, co robię, przez co problem się pojawia. Mam prosty directive. Każde kliknięcie elementu powoduje dodanie kolejnego. Jednak najpierw trzeba go skompilować, aby poprawnie wyrenderować. Doprowadziły mnie moje badania $compile. Ale wszystkie przykłady wykorzystują skomplikowaną strukturę, której tak naprawdę nie wiem, jak się tutaj zastosować. Fiddles …
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.