Articles of angularjs

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 […]

Agregar un parámetro a la función ng-click dentro de ng-repeat no parece funcionar

Tengo un bucle simple con ng-repeat como este: {{task.name}} remove Hay una función en el controlador $scope.removeTask(taskID) . Por lo que sé, Angular primero renderizará la vista y reemplazará el {{task.id}} interpolated {{task.id}} interpolado con un número, y luego, al hacer clic en el evento, evaluará la cadena ng-click . En este caso, ng-click obtiene […]

Cómo PUBLICAR archivos binarios con AngularJS (con upload DEMO)

no se puede enviar el archivo con una llamada posterior angular Estoy tratando de publicar archivos .mp4 con algunos datos a través de Iónico 1 con angular 1. Mientras publicas a través de POSTMAN está bien y funciona. Recibo el Success = false en mi aplicación. en POSTMAN , no hay encabezados ni datos, URL […]