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.

10
Seleziona il testo sullo stato attivo dell'input
Ho un input di testo. Quando l'input riceve il focus, desidero selezionare il testo all'interno dell'input. Con jQuery lo farei in questo modo: <input type="text" value="test" /> $("input[type=text]").click(function() { $(this).select(); // would select "test" in this example }); Ho cercato in giro per cercare di trovare il modo angolare, ma …
4
Chiama il metodo nel controller di direttiva da un altro controller
Ho una direttiva che ha il proprio controller. Vedere il codice seguente: 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 = ''; …
4
Ritardo di cambio angolare
Ho un input che filtra un elenco di ripetizioni al cambiamento. La ripetizione contiene molti dati e impiega alcuni secondi per filtrare tutto. Vorrei che ci fossero 0,5 secondi di ritardo prima di iniziare il processo di filtraggio. Qual è il modo corretto in angolare per creare questo ritardo? Ingresso …
5
Estensione della direttiva angolare
Vorrei apportare una piccola modifica a una direttiva di terze parti (in particolare Angular UI Bootstrap ). Voglio semplicemente aggiungere al campo di applicazione della panedirettiva: angular.module('ui.bootstrap.tabs', []) .controller('TabsController', ['$scope', '$element', function($scope, $element) { // various methods }]) .directive('tabs', function() { return { // etc... }; }) .directive('pane', ['$parse', function($parse) …
7
funzione di chiamata alla direttiva angularjs specificata nell'attributo e passarle un argomento
Voglio creare una direttiva che colleghi a un attributo. L'attributo specifica la funzione che dovrebbe essere chiamata nell'ambito. Ma voglio anche passare un argomento alla funzione determinata all'interno della funzione di collegamento. <div my-method='theMethodToBeCalled'></div> Nella funzione link mi associo a un evento jQuery, che passa un argomento che devo passare …
5
AngularJS: l'elenco ng-repeat non viene aggiornato quando un elemento del modello viene unito dall'array del modello
Ho due controller e condivido i dati tra di loro con una funzione app.factory. Il primo controller aggiunge un widget nell'array del modello (pluginsDisplayed) quando si fa clic su un collegamento. Il widget viene inserito nell'array e questa modifica si riflette nella vista (che utilizza ng-repeat per mostrare il contenuto …
2
$ apply vs $ digest nei test delle direttive
Se ho una direttiva che risponde allo stato di un particolare attributo nell'ambito e desidero modificare quell'attributo nel mio test e verificare che risponda correttamente, qual è il modo migliore per eseguire tale modifica? Ho visto entrambi questi modelli: scope.$apply(function() { scope.myAttribute = true; }); e scope.myAttribute = true; scope.$digest(); …
6
angular ng-bind-html e la direttiva al suo interno
Plunker Link Ho un elemento a cui vorrei associare html. <div ng-bind-html="details" upper></div> Che funzioni. Ora, insieme ad esso, ho anche una direttiva che è associata all'html associato: $scope.details = 'Success! <a href="#/details/12" upper>details</a>' Ma la direttiva uppercon div e anchor non viene valutata. Come lo faccio funzionare?
2
Accesso agli attributi da una direttiva AngularJS
Il mio modello AngularJS contiene una sintassi HTML personalizzata come: <su-label tooltip="{{field.su_documentation}}">{{field.su_name}}</su-label> Ho creato una direttiva per elaborarlo: .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 direttiva
Non capisco bene quando utilizzare una direttiva e quando sarebbe più appropriato utilizzare nginclude. Prendiamo questo esempio: ho un parziale password-and-confirm-input-fields.html, cioè l'html per inserire e confermare una password. Lo uso sia nella pagina di registrazione che nella pagina di modifica della password. Queste due pagine hanno un controller ciascuna, …
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.