Articles of angularjs direttiva

ottieni l’elemento originale da ng-clic

Ho un elenco di elementi nella mia vista con ng-click allegato a loro: Sto gestendo gli eventi click nella funzione foo nella mia direttiva, passando $event come riferimento all’object che è stato cliccato, ma sto ricevendo un riferimento al tag img , piuttosto che al tag li . Quindi devo fare cose del genere per […]

Come capire il `terminale` della direttiva?

In questa pagina: http://docs.angularjs.org/guide/directive Direttiva Definizione Oggetto terminale Se impostato su true, la priorità corrente sarà l’ultima serie di direttive che verranno eseguite (qualsiasi direttiva alla priorità corrente verrà ancora eseguita poiché l’ordine di esecuzione sulla stessa priorità non è definito). Non lo capisco bene Cosa significa current priority ? Se ci sono tali direttive: […]

AngularJS: l’elenco ng-repeat non viene aggiornato quando un elemento del modello è giuntato dall’array del modello

Ho due controller e condivido i dati tra loro con una funzione app.factory. Il primo controller aggiunge un widget nell’array del modello (pluginsDisplayed) quando viene fatto clic su un collegamento. Il widget viene inserito nell’array e questo cambiamento si riflette nella vista (che utilizza ng-repeat per mostrare il contenuto dell’array): Il widget è basato su […]

Bind class commuta su window scroll event

Quando un utente fa scorrere la finestra del browser sotto un certo punto, sto triggersndo la class del div #page. Quello che ho fatto fino ad ora funziona bene: http://jsfiddle.net/eTTZj/29/ app = angular.module(‘myApp’, []); app.directive(“scroll”, function ($window) { return function(scope, element, attrs) { angular.element($window).bind(“scroll”, function() { if (this.pageYOffset >= 100) { element.addClass(‘min’); console.log(‘Scrolled below header.’); […]

Direttiva isolare il raggio d’azione con scope ng-repeat in AngularJS

Ho una direttiva con un isolare-scope (in modo che io possa riutilizzare la direttiva in altri posti), e quando uso questa direttiva con una ng-repeat , non funziona. Ho letto tutta la documentazione e le risposte Stack Overflow su questo argomento e capisco i problemi. Credo di aver evitato tutti i soliti trucchi. Quindi capisco […]

Rimozione di # dall’URL in Angularjs durante l’esecuzione di .run nelle rotte

Ecco il mio file di percorso app.js in AngularJS var app = angular.module(‘myApp’, [‘ngRoute’, ‘ngAnimate’, ‘toaster’]); app.config([‘$routeProvider’, function ($routeProvider) { $routeProvider. when(‘/login’, { title: ‘Login’, templateUrl: ‘resources/views/layouts/loginUser.php’, controller: ‘authCtrl’ }) .when(‘/’, { title: ‘Login’, templateUrl: ‘resources/views/layout/login.php’, controller: ‘logoutCtrl’ }) .when(‘/reset’, { title: ‘Reset Password’, templateUrl: ‘resources/views/layouts/forgetPassword.php’, controller: ‘authCtrl’ }) .when(‘/invalidtoken’, { title: ‘Login’, templateUrl: ‘resources/views/layout/invalidtoken.php’, […]

Direttiva angular come aggiungere un attributo all’elemento?

Mi chiedo quale sia il modo di fare funzionare questo frammento: //html {{user.name}} //js var app = angular.module(‘app’, []); app.controller(“AppCtrl”, function ($scope) { $scope.users = [{name:’John’,id:1},{name:’anonymous’}]; $scope.fxn = function() { alert(‘It works’); }; }) app.directive(“myDir”, function ($compile) { return { link:function(scope,el){ el.attr(‘ng-click’,’fxn()’); //$compile(el)(scope); with this the script go mad } }; }); So che si […]

Angularjs schermata di caricamento su richiesta Ajax

Utilizzando Angularjs, ho bisogno di mostrare una schermata di caricamento (una semplice casella di selezione) fino a quando una richiesta di jax è completa. Si prega di suggerire qualsiasi idea con uno snippet di codice.

se un percorso ngSrc si risolve in un 404, esiste un modo per eseguire il fallback su un valore predefinito?

L’applicazione che sto costruendo richiede al mio utente di impostare 4 informazioni prima che questa immagine abbia anche una possibilità di caricamento. Questa immagine è il pezzo centrale dell’applicazione, quindi il collegamento dell’immagine spezzata fa sembrare che l’intera faccenda sia bloccata. Mi piacerebbe avere un’altra immagine prendere il suo posto su un 404. Qualche idea? […]

Direttive di rendering all’interno di $ sce.trustAsHtml

Ho incluso un Plunker qui: http://plnkr.co/edit/4vqV8toHo0vNjtfICtzI?p=preview Sto cercando di aggiungere un pulsante al DOM e quando si fa clic su dovrebbe eseguire la funzione associata ad esso. In questo caso dovrebbe avvisare “testing”. Ecco il codice. controllore app.controller(‘MainCtrl’, function($scope, $sce) { $scope.trustedHtml = $sce.trustAsHtml(‘Submit’); $scope.testAlert = function () { alert(‘testing’) }; }); HTML