Enlace Plunker Tengo un elemento al que me gustaría vincularle html. <div ng-bind-html="details" upper></div> Eso funciona. Ahora, junto con él, también tengo una directiva que está vinculada al html enlazado: $scope.details = 'Success! <a href="#/details/12"...
Parece que no puedo encontrar una manera de llamar a una función en el ámbito principal desde una directiva sin utilizar un ámbito aislado. Sé que si uso un alcance aislado, puedo usar "&" en el aislado para acceder a la función en el alcance principal, pero usar un alcance aislado cuando no es...
Mi plantilla AngularJS contiene alguna sintaxis HTML personalizada como: <su-label tooltip="{{field.su_documentation}}">{{field.su_name}}</su-label> Creé una directiva para procesarlo: .directive('suLabel', function() { return { restrict: 'E', replace: true, transclude: true,...
Tengo una directiva con un alcance aislado (para poder reutilizar la directiva en otros lugares), y cuando uso esta directiva con un ng-repeat, no funciona. He leído toda la documentación y las respuestas de Stack Overflow sobre este tema y entiendo los problemas. Creo que he evitado todas las...
No entiendo muy bien cuándo usar una directiva y cuándo sería más apropiado usar nginclude. Tome este ejemplo: tengo un parcial, password-and-confirm-input-fields.htmlque es el html para ingresar y confirmar una contraseña. Utilizo esto tanto en la página de registro como en la página de cambio...
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...
¿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...
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) {
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;
¿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'...
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...
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...
¿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...
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...
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...
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...
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...
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:...