Articles of angularjs

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

Cómo usar $ http promesa respuesta fuera controlador de éxito

$scope.tempObject = {}; $http({ method: ‘GET’, url: ‘/myRestUrl’ }).then(function successCallback(response) { $scope.tempObject = response console.log(“Temp Object in successCallback “, $scope.tempObject); }, function errorCallback(response) { }); console.log(“Temp Object outside $http “, $scope.tempObject); Recibo una respuesta en successCallback pero no $scope.tempObject fuera de $http . se muestra undefined Cómo acceder a response o $scope.tempObject después de $http

Cómo deshabilitar las animaciones en el transportador para la aplicación angular js

¿Alguien puede sugerirme cómo desactivar animaciones en la aplicación angular js mientras se ejecutan pruebas de transportador? He agregado el código a continuación en mi archivo de configuración del transportador pero eso no me ayuda: var disableNgAnimate = function() { angular.module(‘disableNgAnimate’, []).run(function($animate) { $animate.enabled(false); }); }; browser.addMockModule(‘disableNgAnimate’, disableNgAnimate);

ng-repetir los datos de filtrado por rango de fechas

Estoy tratando de filtrar una lista que contiene una marca de tiempo escribiendo un rango de fechas por ejemplo: JSFIDDLE html From: To: {{order.date1 * 1000 | date:’dd-MM-yyyy’}} {{order.date2 * 1000 | date:’dd-MM-yyyy’}} javascript var nameSpace = angular.module(‘tst’,[]); nameSpace.controller(‘MyController’, function MyController($scope) { $scope.orders = [ { “date1″:”1306487800”, “date2″:”1406587800” }, { “date1″:”1196487800”, “date2″:”1406597800” }] }); Quiero […]

¿Puedo usar ng-model con un scope aislado?

Estoy creando una directiva simple ui-datetime. Divide el objeto Date de JavaScript en las partes _date, _hours y _minutes. _date usa jquery ui datepicker, _hours y _minutes – entradas numéricas. angular.module(“ExperimentsModule”, []) .directive(“uiDatetime”, function () { return { restrict: ‘EA’, replace: true, template: ” + ” + ” + ” + ‘Child datetime1: {{datetime1}}’ + […]