Domande taggate «angularjs-directive»

Le direttive AngularJS sono un modo per insegnare nuovi trucchi HTML estendendo il vocabolario HTML. Le direttive ti consentono di gestire gli elementi DOM in un modello dichiarativo, liberandoti da attività di manipolazione DOM a basso livello.

2
ottieni l'elemento originale da ng-click
Ho un elenco di elementi a mio avviso con ng-clickallegati: <ul id="team-filters"> <li ng-click="foo($event, team)" ng-repeat="team in teams"> <img src="{{team.logoSmall}}" alt="{{team.name}}" title="{{team.name}}"> </li> </ul> Sto gestendo gli eventi click nella foofunzione nella mia direttiva, passando $eventcome riferimento all'oggetto su cui è stato fatto clic, ma sto ottenendo un riferimento al …
3
JS angolare: qual è la necessità della funzione di collegamento della direttiva quando avevamo già il controller della direttiva con ambito?
Devo eseguire alcune operazioni sull'ambito e sul modello. Sembra che io possa farlo nella linkfunzione o nella controllerfunzione (poiché entrambi hanno accesso all'ambito). Quando devo utilizzare la linkfunzione e non il controller? angular.module('myApp').directive('abc', function($timeout) { return { restrict: 'EA', replace: true, transclude: true, scope: true, link: function(scope, elem, attr) { …
7
Aggiungi le direttive dalla direttiva in AngularJS
Sto cercando di costruire una direttiva che si occupi di aggiungere più direttive all'elemento su cui è dichiarata. Ad esempio, voglio costruire una direttiva che si occupi di aggiungere datepicker, datepicker-languagee ng-required="true". Se provo ad aggiungere quegli attributi e poi utilizzo, $compileovviamente, generi un ciclo infinito, quindi sto verificando se …
6
Comprendere l'opzione transclude della definizione della direttiva?
Penso che questo sia uno dei concetti più difficili da comprendere per me con la direttiva di angularjs. Il documento da http://docs.angularjs.org/guide/directive dice: transclude : compila il contenuto dell'elemento e rendilo disponibile alla direttiva. Utilizzato in genere con ngTransclude. Il vantaggio della inclusione è che la funzione di collegamento riceve …
6
Direttiva dinamica Angular.js templateURL
Ho un tag personalizzato in un routeProvidermodello che richiede un directivemodello. L' versionattributo verrà popolato dall'ambito che quindi richiede il modello giusto. <hymn ver="before-{{ week }}-{{ day }}"></hymn> Esistono più versioni dell'inno in base alla settimana e al giorno. Mi aspettavo di usare la direttiva per popolare la .htmlparte corretta …
5
Una direttiva angolare può passare argomenti a funzioni in espressioni specificate negli attributi della direttiva?
Ho una direttiva di forma che utilizza un callbackattributo specificato con un ambito isolato: scope: { callback: '&' } Si trova all'interno di un ng-repeatmodo quindi l'espressione che passo include idl'oggetto dell'oggetto come argomento della funzione di callback: <directive ng-repeat = "item in stuff" callback = "callback(item.id)"/> Quando ho finito …
6
Uso dei simboli '@', '&', '=' e '>' nell'associazione dell'ambito della direttiva personalizzata: AngularJS
Ho letto molto sull'uso di questi simboli nell'implementazione delle direttive personalizzate in AngularJS ma il concetto non mi è ancora chiaro. Voglio dire, cosa significa se utilizzo uno dei valori dell'ambito nella direttiva personalizzata? var mainApp = angular.module("mainApp", []); mainApp.directive('modalView',function(){ return{ restrict:'E', scope:'@' OR scope:'&' OR scope:'=' OR scope:'>' OR …
14
Il controller non è una funzione, non è stato definito, definendo i controller a livello globale
Sto scrivendo un'applicazione di esempio utilizzando angularjs. ho ricevuto un errore menzionato di seguito nel browser Chrome. L'errore è Errore: [ng: areq] http://errors.angularjs.org/1.3.0-beta.17/ng/areq?p0=ContactController&p1=not%20a%20function%2C%20got%20undefined Che viene visualizzato come L'argomento "ContactController" non è una funzione, non è stato definito Codice <!DOCTYPE html> <html ng-app> <head> <script src="../angular.min.js"></script> <script type="text/javascript"> function ContactController($scope) { …
12
Direttiva di Unit Testing AngularJS con templateUrl
Ho una direttiva AngularJS che ha un file templateUrl. Sto provando a testarlo con Jasmine. Il mio JavaScript Jasmine è simile al seguente, secondo la raccomandazione di questo : describe('module: my.module', function () { beforeEach(module('my.module')); describe('my-directive directive', function () { var scope, $compile; beforeEach(inject(function (_$rootScope_, _$compile_, $injector) { scope = …
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.