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.
Ho letto attentamente la documentazione di AngularJS sull'argomento, e poi ho armeggiato con una direttiva. Ecco il violino . E qui ci sono alcuni frammenti rilevanti: Dal HTML : <pane bi-title="title" title="{{title}}">{{text}}</pane> Dalla direttiva riquadro: scope: { biTitle: '=', title: '@', bar: '=' }, Ci sono diverse cose che non …
Qual è il "modo angolare" per mettere a fuoco il campo di input in AngularJS? Requisiti più specifici: Quando viene aperto un modale , focalizzare l'attenzione su un predefinito <input>all'interno di questo modale. Ogni volta che <input>diventa visibile (ad esempio facendo clic su un pulsante), impostare lo stato attivo su …
Quando si crea una direttiva, è possibile inserire il codice nel compilatore, nella funzione di collegamento o nel controller. Nei documenti, spiegano che: le funzioni di compilazione e collegamento sono utilizzate in diverse fasi del ciclo angolare i controller sono condivisi tra le direttive Tuttavia, per me non è chiaro …
Lo capisco ng-showe ng-hideinfluisco sulla classe impostata su un elemento e che ng-ifcontrolla se un elemento viene reso come parte del DOM. Esistono linee guida per la scelta di ng-ifover ng-show/ ng-hideo viceversa?
Chiuso. Questa domanda non soddisfa le linee guida Stack Overflow . Al momento non accetta risposte. Vuoi migliorare questa domanda? Aggiorna la domanda in modo che sia in argomento per StackTranslate.it. Chiuso 5 anni fa . Quando si scrive una direttiva angolare, è possibile utilizzare una delle seguenti funzioni per …
Voglio catturare l'evento premere il tasto Invio nella casella di testo qui sotto. Per rendere più chiaro sto usando a ng-repeatper popolare il corpo. Ecco l'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> Questo è il mio modulo: angular.module('components', ['ngResource']); Sto usando una risorsa per popolare la …
Sto cercando qualsiasi modo per accedere all'ambito "genitore" all'interno di una direttiva. Qualsiasi combinazione di scope, transclude, richiede, passando variabili (o lo scope stesso) dall'alto, ecc. Sono totalmente disposto a piegarmi all'indietro, ma voglio evitare qualcosa di totalmente confuso o non mantenibile. Ad esempio, so che potrei farlo in questo …
Se ho una barra di navigazione nel bootstrap con gli articoli Home | About | Contact Come posso impostare la classe attiva per ciascuna voce di menu quando sono attivi? Cioè, come posso impostare class="active"quando il percorso angolare è a #/ per Casa #/about per la pagina di informazioni #/contact …
Ho una direttiva, ecco il codice: .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 …
Devo poter aggiungere ad esempio "contenteditable" agli elementi, basato su una variabile booleana nell'ambito. Esempio di utilizzo: <h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1> Si tradurrebbe in contenteditable = true aggiunto all'elemento se $scope.editModeimpostato su true. C'è un modo semplice per implementare questo comportamento di attributo simile alla classe ng? Sto pensando di scrivere …
Sto gestendo il mio problema in questo modo: ng-style="{ width: getTheValue() }" Ma per evitare di avere questa funzione sul lato controller, preferirei fare qualcosa del genere: ng-style="{ width: myObject.value == 'ok' ? '100%' : '0%' }" Come posso fare questo?
Ho visto una serie di domande su StackOverflow che discutono di ng-transclude, ma nessuna che spiega in parole povere di cosa si tratta. La descrizione nella documentazione è la seguente: Direttiva che segna il punto di inserimento per il DOM escluso della direttiva principale più vicina che utilizza la inclusione. …
Sto cercando alcune linee guida che è possibile utilizzare per determinare quale tipo di ambito utilizzare quando si scrive una nuova direttiva. Idealmente, mi piacerebbe qualcosa di simile a un diagramma di flusso che mi guidi attraverso una serie di domande e faccia apparire la risposta corretta - nessun nuovo …
Sto cercando di impostare l' srcattributo di un iframe da una variabile e non riesco a farlo funzionare ... Il markup: <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> controller / app.js: function AppCtrl ($scope) { $scope.projects = …
Ho una versione molto ridotta di quello che sto facendo che risolve il problema. Ho un semplice directive. Ogni volta che fai clic su un elemento, ne aggiunge un altro. Tuttavia, deve essere compilato prima per renderlo correttamente. La mia ricerca mi ha portato a $compile. Ma tutti gli esempi …
We use cookies and other tracking technologies to improve your browsing experience on our website,
to show you personalized content and targeted ads, to analyze our website traffic,
and to understand where our visitors are coming from.
By continuing, you consent to our use of cookies and other tracking technologies and
affirm you're at least 16 years old or have consent from a parent or guardian.