Articles of angularjs

¿Por qué angularjs invocará la función `nombre ()` dos veces?

El código es simple: AngularJS Plunker document.write(“”); Hello {{name()}}! var app = angular.module(‘plunker’, []); app.controller(‘MainCtrl’, function($scope) { $scope.name= function() { console.log(“—name—:” + new Date()); return “Freewind”; }; }); Puede ver que hay una función de name y la invocamos en el cuerpo solo una vez. Pero en la consola, imprime dos veces —name—: : —name—:Wed […]

AngularJS: filtro ng-repeat cuando el valor es mayor que

Tengo una simple repetición ng que arroja datos, uno de los campos que muestra es NumberOfStamps: <a href=" https://stackoverflow.com/questions/24081004/angularjs-ng-repeat-filter-when-value-is-greater-than/{[{list.Title}]} {[{list.ForeName}]} {[{list.SurName}]} (Date of Birth {[{list.Dob}]}) {[{list.NumberOfStamps}]} stamps Ejemplo de salida: Mr Adam Happy Date of Birth 01/6/1984 16 stamps Mr Adam Sad Date of Birth 24/11/1975 0 stamps Mr Adam Green Date of Birth 02/1/1963 […]

JS angular: cómo vincularse a las promesas

Estoy tratando de atar una promesa a una vista. No sé si puedes hacer eso directamente, pero eso es lo que bash hacer. ¿Alguna idea de lo que estoy haciendo mal? Nota: la fuente es un poco artificial con el tiempo de espera y utiliza datos estáticos, pero eso hace que el código sea más […]

Angular, función onLoad en un iFrame

Tengo este iframe trabajando con JavaScript básico: Lo cual activa el método uploadDone(); cuando el contenido del iframe ha sido cargado. ¿Cómo hago lo mismo en Angular ?. Quiero llamar a una función en el controlador cuando se carga el iframe, pero hasta ahora no he visto ninguna carga ng-onload .

Angular $ location.path no funciona

Tengo una pregunta similar a esta , pero diferente. Aquí bash agregar un detector de eventos para un manejador window.postMessage . app.run(function ($location, $window, $rootScope) { $window.addEventListener(‘message’, function(e) { $location.path(“/abc”); console.log($location.path()); // this prints “/abc” as expected $rootScope.$apply(); // this has no effect $scope = angular.element(document).scope(); // this is the same as $rootScope $scope.$apply(); // […]

Capture HTTP 401 con el interceptor Angular.js

Me gustaría implementar la autenticación en una aplicación web de una sola página con Angular.js. La documentación oficial de Angular recomienda el uso de interceptores: $provide.factory(‘myHttpInterceptor’, function($q, dependency1, dependency2) { return { // … ‘responseError’: function(rejection) { // do something on error if (canRecover(rejection)) { return responseOrNewPromise } return $q.reject(rejection); } }; }); El problema […]

Directiva de validación de formulario personalizado para comparar dos campos

Soy un novato angular, y estoy tropezando con algo sobre cómo funcionan las directivas de validación de formas angulares. Sé que puedo fácilmente agregar directivas a campos individuales , pero estoy tratando de agregar una validación que compare dos campos de formulario (ambos son elementos de un modelo). Aquí hay un esqueleto de formulario: Min […]

directiva angular que encapsula un retraso para ng-change

Tengo un campo de entrada de búsqueda con una función de consulta ligada al ng-change. Sin embargo, esto dispara demasiado rápido en cada personaje. Así que termino haciendo algo como esto mucho: $scope.updateSearch = function(){ $timeout.cancel(searchDelay); searchDelay = $timeout(function(){ $scope.requery($scope.search); },300); } De modo que la solicitud solo se realiza 300 ms después de que […]

Spring Boot con AngularJS html5Mode

Comienzo mi aplicación web con arranque de spring. Utiliza una clase principal simple para iniciar un servidor tomcat integrado: @Configuration @EnableAutoConfiguration @ComponentScan public class Application { public static void main(String[] args) { SpringApplication.run(Application.class, args); } } Quiero configurar el servidor de forma que pueda manejar angularjs html5mode que se activará con $locationProvider.html5Mode(true); Las publicaciones relevantes […]

Problema de scope en AngularJS usando AngularUI Bootstrap Modal

plunker: http://plnkr.co/edit/wURNg8ByPYbEuQSL4xwg example.js: angular.module(‘plunker’, [‘ui.bootstrap’]); var ModalDemoCtrl = function ($scope, $modal) { $scope.open = function () { var modalInstance = $modal.open({ templateUrl: ‘modal.html’, controller: ‘ModalInstanceCtrl’ }); }; }; var ModalInstanceCtrl = function ($scope, $modalInstance) { $scope.ok = function () { alert($scope.text); }; $scope.cancel = function () { $modalInstance.dismiss(‘cancel’); }; }; index.html: Open me! Selection from […]