Articles of angularjs

AngularJS: ng-repeat list no se actualiza cuando un elemento de modelo se empalma de la matriz de modelo

Tengo dos controladores y comparto datos entre ellos con una función app.factory. El primer controlador agrega un widget en la matriz modelo (pluginsDisplayed) cuando se hace clic en un enlace. El widget se inserta en la matriz y este cambio se refleja en la vista (que usa ng-repeat para mostrar el contenido de la matriz): […]

Enlace de clase al evento de desplazamiento de ventana

Cuando un usuario se desplaza por la ventana de su navegador debajo de cierto punto, estoy alternando la clase del div #page. Lo que he hecho hasta ahora funciona bien: 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 […]

Obtener valor cuando la opción ng-opción cambia

Tengo en mi página .html una lista desplegable, Desplegable: Select Account Quiero ejecutar una acción cuando el usuario selecciona un valor. Entonces en mi controlador lo hice: Controlador: $scope.$watch(‘blisterPackTemplateSelected’, function() { alert(‘changed’); console.log($scope.blisterPackTemplateSelected); }); Pero el cambio del valor en la lista desplegable no desencadena el código: $scope.$watch(‘blisterPackTemplateSelected’, function() Como resultado, probé otro método con […]

angular $ q, cómo encadenar múltiples promesas dentro y después de un for-loop

Quiero tener un for-loop que llame a las funciones asincrónicas en cada iteración. Después de for-loop quiero ejecutar otro bloque de código, pero no antes de que se hayan resuelto todas las llamadas anteriores en for-loop. Mi problema en este momento es que, o bien el bloque de código después de for-loop se ejecuta antes […]

AngularJS: filtros personalizados y ng-repeat

Soy un novato de AngularJS y estoy construyendo una pequeña aplicación de anuncios de alquiler de automóviles que extrae algunos JSON y genera varios bits de esos datos a través de una repetición ng, con un par de filtros: {{result.carType.name}}, {{result.carDetails.doors}} door, £{{result.price.value}} – {{ result.company.name }} {{result.carDetails.hireDuration}} day hire Air conditioning Unlimited Mileage Theft […]

¿Cómo redirigir a otra página usando AngularJS?

Estoy usando una llamada ajax para realizar la funcionalidad en un archivo de servicio y si la respuesta es exitosa, quiero redirigir la página a otra url. Actualmente, estoy haciendo esto usando js simples “window.location = response [‘message’];”. Pero necesito reemplazarlo con el código angularjs. He buscado varias soluciones en stackoverflow, usaron $ location. Pero […]

¿Cómo autocapitalizar el primer carácter en un campo de entrada en AngularJS?

¿Cómo autocapitalizar el primer carácter en un campo de entrada dentro de un elemento de formulario AngularJS? Ya vi la solución jQuery, pero creo que esto debe hacerse de manera diferente en AngularJS mediante el uso de una directiva.

AngularJS + Django Rest Framework + CORS (la cookie CSRF no aparece en el cliente)

Estoy desarrollando una aplicación de 1 página en AngularJS utilizando y Django Rest Framework + Django CORS Headers. Mi problema es que la cookie “csrftoken” nunca aparece en mi navegador cuando me he puesto en contacto con el servidor. Por ejemplo: estoy iniciando sesión usando una publicación. Recibo la cookie “sessionid” correctamente, pero la “csrftoken” […]

Angular ng-view / routing no funciona en PhoneGap

Tengo un problema con ngView en PhoneGap. Todo parece estar cargando bien e incluso puedo obtener un controlador básico que funcione usando ng-controller. Pero cuando trato de usar el enrutamiento con ngView, no pasa nada. index.html Test app.js angular.module(‘App’, []).config(function ($routeProvider) { $routeProvider.when(‘/test’, { controller: TestCtrl, template: ‘ {{ test }} ‘ }); }); function […]

Angular: ¿Cuál es el significado de module.id en el componente?

En una aplicación angular, he visto que @Component tiene propiedad moduleId . Qué significa eso? Y cuando module.id no está definido en ninguna parte, la aplicación aún funciona. ¿Cómo puede funcionar? @Component({ moduleId: module.id, selector: ‘ng-app’, templateUrl: ‘app.component.html’, styleUrls: [‘app.component.css’], directives: [AppComponent] });