Articles of angularjs

Alcance $ angular. $ Aplica frente a $ tiempo de espera como aplicación segura $

Estoy tratando de comprender mejor los matices del uso del servicio $ timeout en Angular como una especie de método de “aplicar $ seguro”. Básicamente en escenarios donde un fragmento de código podría ejecutarse en respuesta a un evento angular o un evento no angular como jQuery o algún evento DOM estándar. Como entiendo cosas: […]

Eliminar la opción en blanco de Seleccionar opción con AngularJS

Soy nuevo en AngularJS. Busqué mucho, pero no resuelve mi problema. Me aparece una opción en blanco por primera vez en el cuadro de selección. Aquí está mi código HTML {{template.name}} JS var MyApp=angular.module(‘MyApp1’,[]) MyApp.controller(‘MyController’, function($scope) { $scope.feed = {}; //Configuration $scope.configs = [ {‘name’: ‘Config 1’, ‘value’: ‘config1’}, {‘name’: ‘Config 2’, ‘value’: ‘config2’}, {‘name’: […]

AngularJS: cómo estructurar un filtro personalizado con ng-repeat para devolver elementos condicionalmente

Tengo una repetición ng que imprime elementos de la lista. Quiero escribir un filtro personalizado para que se imprima el elemento de la lista, solo si una condición es verdadera. Parece que tengo la estructura incorrecta ya que parece que las variables no se pasan al filtro. index.php Menu {{menuItem.name}} app.js userApp.filter(‘matchAccessLevel’, function() { return […]

Filtros angulares y SVG

Me encontré con un comportamiento extraño al usar SVG con AngularJS. Estoy usando el servicio $routeProvider para configurar mis rutas. Cuando pongo este simple SVG en mis plantillas, todo está bien: // … Pero cuando agrego un filtro, con este código, por ejemplo: Entonces: Funciona en mi página de inicio . Con Firefox , el […]

Aplicación de nombres de usuario únicos con Firebase simplelogin

Recientemente he seguido un tutorial en Thinkster para crear una aplicación web usando Angular y Firebase. El tutorial utiliza el método Firebase simpleLogin permite crear un ‘perfil’ que incluye un nombre de usuario. Fábrica: app.factory(‘Auth’, function($firebaseSimpleLogin, $firebase, FIREBASE_URL, $rootScope) { var ref = new Firebase(FIREBASE_URL); var auth = $firebaseSimpleLogin(ref); var Auth = { register: function(user) […]

Enviar formulario al presionar Entrar con AngularJS

En este caso particular, ¿qué opciones tengo para hacer estas entradas llamar a una función cuando presiono Enter? // HTML view // <input type="text" ng-model="name" /> <input type="text" ng-model="email" /> // Controller // .controller(‘mycontroller’, [‘$scope’,function($scope) { $scope.name = ”; $scope.email = ”; // Function to be called when pressing ENTER $scope.myFunc = function() { alert(‘Submitted’); […]

AngularJS: cree una directiva que use ng-model

Intento crear una directiva que cree un campo de entrada con el mismo modelo ng que el elemento que crea la directiva. Esto es lo que se me ocurrió hasta ahora: HTML AngularJS Plunker document.write(“”); This scope value JavaScript var app = angular.module(‘plunker’, []); app.controller(‘MainCtrl’, function($scope) { $scope.name = “Felipe”; }); app.directive(‘myDirective’, function($compile) { return […]

Angular ng-repeat agrega una fila de bootstrap cada 3 o 4 cols.

Estoy buscando el patrón correcto para inyectar una clase de fila bootstrap cada 3 columnas. Necesito esto porque cols no tiene una altura fija (y no quiero arreglar uno), ¡así que rompe mi diseño! Aquí está mi código: … Pero solo muestra un producto en cada fila. Lo que quiero como resultado final es: … […]

¿Cómo llamo a un filtro Angular.js con múltiples argumentos?

A partir de la documentación , podemos llamar un filtro como una fecha como esta: {{ myDateInScope | date: ‘yyyy-MM-dd’ }} Aquí la fecha es un filtro que toma un argumento. ¿Cuál es la syntax para llamar a los filtros con más parámetros tanto desde plantillas como desde código JavaScript?

AngularJS: acceso al scope del niño

Si tengo los siguientes controladores: function parent($scope, service) { $scope.a = ‘foo’; $scope.save = function() { service.save({ a: $scope.a, b: $scope.b }); } } function child($scope) { $scope.b = ‘bar’; } ¿Cuál es la forma correcta de dejar que los parent lean b al child ? Si es necesario definir b en el elemento parent […]