Preguntas etiquetadas con angularjs-directive

Estoy usando ngChange en AngularJS para activar una función personalizada que eliminará cualquier letra que el usuario agregue a la entrada. <input type="text" name="inputName" data-ng-change="numbersOnly()"/> El problema es que necesito apuntar a la entrada que activó numbersOnly() para poder eliminar las letras ingresadas. He buscado mucho en Google y no …

92 javascript  angularjs  angularjs-directive 

¿Por qué tiene replace=trueo replace=falseno algún impacto en el siguiente código? ¿Por qué no se muestra "algo de contenido existente" cuando replace = false? O, para decirlo de manera más humilde, ¿podría explicarnos amablemente cuál es la replace=true/falsefunción de las directivas y cómo utilizarla? Ejemplo JS / Angular: <script> angular.module('scopes', …

91 angularjs  angularjs-directive 

Este es el controlador de la plantilla principal: app.controller('OverviewCtrl', ['$scope', '$location', '$routeParams', 'websiteService', 'helperService', function($scope, $location, $routeParams, websiteService, helperService) { ... $scope.editWebsite = function(id) { $location.path('/websites/edit/' + id); }; }]); Esta es la directiva: app.directive('wdaWebsitesOverview', function() { return { restrict: 'E', scope: { heading: '=', websites: '=', editWebsite: '&' }, …

90 javascript  angularjs  angularjs-directive  angularjs-scope 

Estoy tratando de mostrar u ocultar un indicador de carga en un botón cuando una solicitud está ocupada. Hago eso con angular cambiando la variable $ scope.loading cuando se carga una solicitud o cuando se termina de cargar. $scope.login = function(){ $scope.loading = true; apiFactory.getToken() .success(function(data){ }) .error(function(error){ }) .finally(function(){ …

87 angularjs  angularjs-directive  ionic-framework 

¿Alguien puede decirme cómo incluir un controlador de una directiva en otra directiva angularJS? por ejemplo tengo el siguiente código var app = angular.module('shop', []). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/js/partials/home.html' }) .when('/products', { controller: 'ProductsController', templateUrl: '/js/partials/products.html' }) .when('/products/:productId', { controller: 'ProductController', templateUrl: '/js/partials/product.html' }); }]); app.directive('mainCtrl', …

86 javascript  angularjs  angularjs-directive 

Estoy tratando de configurar un cuadro de diálogo de confirmación ng-clickutilizando una directiva angularjs personalizada: app.directive('ngConfirmClick', [ function(){ return { priority: 1, terminal: true, link: function (scope, element, attr) { var msg = attr.ngConfirmClick || "Are you sure?"; var clickAction = attr.ngClick; element.bind('click',function (event) { if ( window.confirm(msg) ) { …

85 javascript  angularjs  angularjs-directive  angularjs-scope 

Tengo un formulario que, si una casilla de verificación es falsa, aplica la validación en una entrada de texto usando la directiva ng-required. Si la casilla de verificación es verdadera, el campo está oculto y ng-required se establece en falso. El problema es que también tengo una expresión regular para …

84 angularjs  angularjs-directive  angularjs-ng-change 

Con alcance aislado, la plantilla de la directiva no parece poder acceder al controlador ('Ctrl') $ rootScope variable que, sin embargo, aparece en el controlador de la directiva. Entiendo por qué la variable $ scope del controlador ('Ctrl') no es visible en el ámbito aislado. HTML: <div ng-app="app"> <div ng-controller="Ctrl"> …

81 javascript  angularjs  angularjs-directive 

En este documento: http://docs.angularjs.org/guide/directive , dice que hay una replaceconfiguración para las directivas: plantilla : reemplaza el elemento actual con el contenido del HTML. El proceso de reemplazo migra todos los atributos / clases del elemento antiguo al nuevo. Consulte la sección Creación de componentes a continuación para obtener más …

81 angularjs  angularjs-directive 

¿Cuál es una buena manera de realizar pruebas unitarias de alcance aislado en AngularJS? JSFiddle mostrando prueba unitaria Fragmento de directiva scope: {name: '=myGreet'}, link: function (scope, element, attrs) { //show the initial state greet(element, scope[attrs.myGreet]); //listen for changes in the model scope.$watch(attrs.myGreet, function (name) { greet(element, name); }); } …

81 javascript  unit-testing  angularjs  jasmine  angularjs-directive 

He estado actualizando mis directivas personalizadas a la nueva arquitectura de componentes . He leído que los componentes no son compatibles con los observadores. ¿Es esto correcto? Si es así, ¿cómo detecta cambios en un objeto? Para un ejemplo básico, tengo un componente personalizado myBoxque tiene un juego de componentes …

78 angularjs  angularjs-directive  angularjs-scope  angularjs-components  angularjs-1.5 

Esta directiva de validación personalizada es un ejemplo presentado en el sitio oficial de angular. http://docs.angularjs.org/guide/forms Verifica que una entrada de texto esté en formato numérico o no. var INTEGER_REGEXP = /^\-?\d*$/; app.directive('integer', function() { return { require: 'ngModel', link: function(scope, elm, attrs, ctrl) { ctrl.$parsers.unshift(function(viewValue) { if (INTEGER_REGEXP.test(viewValue)) { …

76 unit-testing  angularjs  angularjs-directive 

Mi código: app.directive('abcabc', function (){ alert('directive');}); // working pero app.directive('abcAbc', function (){ alert('directive');}); // not working ! app.directive('abc-abc', function (){ alert('directive');}); // not working ! Estoy haciendo mal ¿O hay reglas de nomenclatura especiales para la directiva Angular?

76 angularjs  angularjs-directive