Preguntas con la etiqueta [angular-directivas]

Las directivas de Angular permiten añadir comportamiento dinámico al árbol DOM haciendo uso de las nativas de AngularJS o extender la funcionalidad.

Filtrar por
Ordenado por
Etiquetadas con
7 votos
1 respuesta
596 vistas

Parametro en directiva *ngFor Angular 6

Buen dia. Tengo un componente que tiene 3 parametros de entrada 1-json_columnas 2-json_filas 3-nombre_filtro como puedo hacer para que el nombre_filtro quede indicado como el pipe a filtrar en ...
Avatar del usuario Luis Fernando Morales Diaz
5 votos
3 respuestas
2k vistas

¿Cómo ejecutar primero el Controller antes que la directiva Angularjs?

Me podrían ayudar en dar un ejemplo o documentación de como renderizar primero todo el controller antes que se ejecute una directiva customizada. Lo que tengo en el controller es un valor: $scope....
Avatar del usuario jose.luis.lopez
4 votos
1 respuesta
1k vistas

Enviar datos desde un textarea angular

Tengo un Controlador en angular el cual se encarga por medio de un textarea cargar un contenido url si esta lo es, si no es un url no carga ningún dato, el problema es que al querer escribir solo ...
Avatar del usuario vdjkelly
  • 684
3 votos
2 respuestas
8k vistas

Sumar valores dentro de NGFOR

Me gustaría un poco de ayuda. Estoy generando una tabla dentro de un ngFor, pero necesito mostrar en el footer de la misma la sumatoria de cierto campo: <div *ngFor="let pista of prize.pistas"> ...
Avatar del usuario Alan Luna
3 votos
2 respuestas
2k vistas

Pasar mas de un parámetro a una directiva en angularjs

Estoy trabajando con una directiva como la siguiente: ctrlsaldosyconsumos.directive('valCustom', function() { return function(scope,element,attrs){ attrs.$observe('valCustom',function(){ ...
Avatar del usuario jose.luis.lopez
3 votos
2 respuestas
657 vistas

Problemas al integrar jQuery Validator con AngularJs

Tengo la siguiente directiva, que conseguí en la web para usar jQuery Validator con Angularjs app.directive('ngValidate', function () { return { require: 'form', restrict: 'A', ...
Avatar del usuario Wilfredo
  • 2,577
3 votos
1 respuesta
260 vistas

Validación textbox angularjs

Tengo un textbox con un boton que permite agregar x textbox en el formulario, este solo permite caracteres alfanumericos con una logitud de 16, la validacion funciona perfecto, el problema que estoy ...
Avatar del usuario Hector Echeverri
3 votos
1 respuesta
438 vistas

Obtener datos de una promesa en una directiva de Angular

Estoy trabajando en una directiva que necesita información para funcionar. Esta información debe provenir desde una promesa. El problema es que la directiva carga sin la información porque la promesa ...
Avatar del usuario AndreFontaine
2 votos
2 respuestas
17k vistas

¿Como buscar un objeto en Array?

Lo que quiero lograr es, buscar un objeto en array. Siempre devuelve -1 lo que quere decir que no encuentra ninguna coincidencia en array para obtener su indice y luego eliminar ese elemento. Imprimo ...
Avatar del usuario JGuerra
  • 317
2 votos
2 respuestas
901 vistas

Establecer background-color a partir de un array de colores

Tengo un componente que se encarga de mostrar los valores de un array de objetos y cada objeto tiene asignado una serie de colores: colores: any = [ {id: 1, c1: '#f0f0f0', c2: '#c8c8c8', c3: '#...
Avatar del usuario gmarsi
  • 1,462
2 votos
1 respuesta
3k vistas

¿Como paso datos entre controladores?

Quiero hacer una barra de navegación en mi web, entonces, en el index quiero poner la sección en la que se encuentra el usuario. El problema que tengo es que no se como puedo pasarle la variable al ...
Avatar del usuario Diego
  • 630
2 votos
3 respuestas
6k vistas

AngularJs crear un menu sideBar desplegable

Hola comunidad estoy tratando de crear un menu desplegable en un sideBar para la parte administrativa. El problema que resulta es que cuando hago click en un sub-menu se despliegan todos los sub-menus ...
Avatar del usuario Edgar Armand Herrera Pepe
2 votos
1 respuesta
114 vistas

¿Porque funciona igual con corchetes y sin corchetes?

Tengo una duda: <p appAttributeDirectives [color] = green > Miren el atributo color esta en una directiva que adentro tiene un input que seria el alias y el atributo green es del component....
Avatar del usuario DavidIjsud
2 votos
1 respuesta
131 vistas

Necesito hacer un filtro con angular y linq, en un proyecto en visual studio Wapi rest c#

En mi codigo html, tengo un select y necesito seleccionar una zona y q me muestre todas las mesas(representadas como botones) Linq (MesasController.cs) [ResponseType(typeof(Mesa))] [System.Web.Http....
Avatar del usuario Aylen Menichetti
2 votos
1 respuesta
961 vistas

Directiva en Angular personalizada para mostrar u ocultar elementos en multiples vistas

Estoy trabajando con Angular js en una aplicación modular. Cuando un usuario ingresa en la aplicación, ésta determina el numero de embarcaciones que tiene la compañía y en la vista de menús muestra un ...
Avatar del usuario AndreFontaine
2 votos
1 respuesta
5k vistas

Llamar una funcion ng-click dentro de una directiva

Tengo el siguiente problema, he creado la siguiente directiva: appController.directive('erCustomerror', function() { return { restrict: 'E', scope: { clickOn: '&', ...
Avatar del usuario jose.luis.lopez
1 voto
1 respuesta
15k vistas

Error: StaticInjectorError(AppModule)[HttpClient]:

Tengo el siguiente código en TypeScript, el problema se sitúa cuando al constructor le paso la variable validarUsuario me da este error en la consola del navegador: Error: Error: ...
Avatar del usuario user87903
1 voto
2 respuestas
299 vistas

Los ng-atributos de AngularJS no pasan el validador de W3C

Cuando intento validar una página hecha con AngularJS, me encuentro con que no valida correctamente y lanza numerosos errores en el código (generalmente es el mismo repetido). El problema viene de que ...
Avatar del usuario Alvaro Montoro
  • 49.4k
1 voto
2 respuestas
1k vistas

Detectar cuando estoy haciendo scroll sobre un elemento

//Directive active view. app.directive("activeView", function ($window, $rootScope) { return function(scope, element, attrs) { angular.element($window).bind("activeView", function() { ...
Avatar del usuario Carlos Vargas
1 voto
2 respuestas
2k vistas

Interpretar &lt;div&gt; a código HTML | Angular

Hola buenas a todos los capos, tengo una duda espero me puedan orientar para poder resolverla. Estoy mostrando un arreglo de objeto dentro de una tabla con Angular +2, una de estas variables contiene ...
Avatar del usuario Shogun
  • 73
1 voto
1 respuesta
1k vistas

ngFor avanzado con Angular

¡Hola a todos! Tengo un ngFor en el HTML tal que así: <div *ngFor="let j of files"> <div> <h3>{{j.titulo}}</h3> <p>{{j.parrafo}}</p> </div> ...
Avatar del usuario Xabi
  • 13
1 voto
3 respuestas
9k vistas

Mostrar u ocultar div con Angularjs y ng-repeat

Tengo un array de estudiantes los cuales presento sus nombres en una lista y debajo de cada nombre dos botones que permiten asignarles una calificación ya sea positiva o negativa. Lo que deseo hacer ...
Avatar del usuario Dimoreno
  • 957
1 voto
1 respuesta
11k vistas

Obtener un valor en lugar de un objeto en un SELECT en Angularjs

Tengo el siguiente código que me muestra una serie de horas desde las 07 hasta las 22. Lo que quiero saber es como obtener el valor de la hora seleccionada en mi controller y si es posible imprimir en ...
Avatar del usuario Dimoreno
  • 957
1 voto
1 respuesta
208 vistas

Directiva ngSwitchCase con varias opciones en Angular

Tengo un Template donde utilizo NgSwitch y tengo una condición que si se cumple, se debe ejecutar el mismo bloque. Este es el ejemplo: <div class="width-100" [ngSwitch]="...
Avatar del usuario Miqueas Gentile
1 voto
1 respuesta
70 vistas

Problema de directiva estructural angular 9 con jhipster

Tengo problemas creando una directiva en angular 9. Mi proyecto fue creado inicialmente con jhipster De resto angular 9, node 14, bootstrap. El caso es que las directivas que se crearon al inicio del ...
Avatar del usuario Derwing Medina
1 voto
2 respuestas
2k vistas

¿Cómo actualizar *ngFor cuando se modifica la lista a la que apunta?

Actualmente estoy mostrando una lista proveniente de bd usando *ngFor. He agregado un campo para filtrar por nombre, y al hacerlo se actualiza el array sólo con los items que contienen ese string. Sin ...
Avatar del usuario Juan
  • 39
1 voto
1 respuesta
3k vistas

Como Crear una directiva custom - Angular 6

Creé una directiva custom en angular, y quiero compartir un valor entre mi directiva y mi archivo typescript, este es un ejemplo de mis 2 archivos: <!-- Mi html --> <div> <input ...
Avatar del usuario Isack Rubio
1 voto
1 respuesta
193 vistas

¿Como evitar que se cree una nueva columna vacía?

Estoy realizando una aplicación que maneja productos y, los tipos de estos. Estoy mostrandolos dependiendo el stock del producto: <mat-tab-group class="demo-tab-group"> <mat-tab label="{{ ...
Avatar del usuario JGuerra
  • 317
1 voto
1 respuesta
99 vistas

¿Como se usa la directiva [style] de ionic?

Alguna vez leí en una documentación que se podía usar una directiva style de ionic o angular, no recuerdo bien, solo recuerdo que era al así: [style.width]='expresión' y no logro dar con la ...
Avatar del usuario Daniel Enrique Rodriguez Caste
1 voto
1 respuesta
1k vistas

como enviar parámetros de un input dentro de un ng-repeat?

<div class="list-group"> <div ng-repeat="p in Productos | orderBy:'Nombre' | filter:search " class="list-group-item" > <tr> <td> {{ p.Nombre }} - USD {{ p....
Avatar del usuario Fmcv Mcv
1 voto
1 respuesta
3k vistas

Paginar y ordenar lista completa en AngularJS (Angular 1)

Tengo una lista de registros que muestro con ng-repeat que estoy ordenando por phone y la estoy paginando. <li ng-repeat="todo in filteredTodos | orderBy:'phone':true">{{todo.phone}}</li> ...
Avatar del usuario kradwarrior
1 voto
1 respuesta
2k vistas

Condicional ciclo ng-if usando http service en angularjs

Tengo un servicio http y con el código que tengo recibo 5 ids. Me gustaría llamarlos mediante un scope usando un ciclo if, el formato json tiene como propiedad isFile que si es falso es una carpeta y ...
Avatar del usuario AverageGuy
1 voto
1 respuesta
371 vistas

Condición para no mostrar componentes en Angular o HTML

Estoy diseñando una webapp y codificando 2 vistas. Para tablet y mobile. En cada caso hay componentes que no están en la otra y viceversa. Por ejemplo: Tengo una etiqueta <p>: <p class="...
Avatar del usuario Miqueas Gentile
1 voto
2 respuestas
7k vistas

Formatear Input text con formato de punto en miles y coma en decimales

Estoy intentando crear una directiva u otro elemento que me permita mostrar formateado un input text como 12.345,67 y que introduzca la coma decimal (,). Ejemplos: Mil, formateado debería ser 1.000 ...
Avatar del usuario Theasker
1 voto
1 respuesta
225 vistas

ng-model bloqueado al llenarlo de manera dinámico

Tengo un formulario en el cual tengo unos input text que se crean según los productos que obtenga, el caso es que quiero mostrar en esos input unos valores por defecto pero al asignarle el valor al ng-...
Avatar del usuario andrescefe
1 voto
0 respuestas
49 vistas

Problema de vinculación en directiva de AngularJS - WKWebView - Xcode8

Estoy trabajando con WKWebview en Xcode8, tengo códigos en HTML y Javascript usando el framework AngularJS. Mi problema es que las Directivas de AngularJS cuyas propiedades “templateUrl” no están ...
Avatar del usuario G.Capello
1 voto
2 respuestas
2k vistas

¿ puedo usar un keypress de AngularJs dentro de un div y no un input?

Buenas, Estoy empezando a hacer un juego que es un tablero de 100x100 en la pantalla, quiero poder reconocer cuando pulsan las fechas del teclado para que el jugador se mueva a lo largo del tablero, ...
Avatar del usuario Carlos Aguilera
0 votos
2 respuestas
142 vistas

Se puede agregar una directiva de Angular por Script?

Lo que trato es de agregar la directiva ng-checked en una etiqueta <a> con JQuery ya que utilizo Bootstrap Material Design y este me hace que no me trabaje dicha directiva mensionada, ya que ...
Avatar del usuario Samir Llorente
0 votos
1 respuesta
2k vistas

*ngIf si encuentra un valor en un array angular 4

como puedo hacer el ngIf con la condicion de que muestre el elemento si encuentra un elemento en un array, ya sea una cadena o un string, no ecnuentro nada en internet he intentado *nfIf="userModel....
Avatar del usuario santiago
  • 143
0 votos
1 respuesta
364 vistas

No me quiere funcionar el decorador @input en angular

Buenos dias al querer pasar datos del padre al hijo con el decorador @input al correr la pagina me sale esto en la pagina: Failed to compile. ./src/app/hijo/hijo.component.ts Module not found: Error:...
Avatar del usuario DavidIjsud
0 votos
1 respuesta
526 vistas

jquery steps no funciona en angular 4

los problemas que tiene jquery steps con angular 4 es que no me funciona para binding de un campo dentro de jquery steps. es decir en el componente tengo una variable llamada public borrar:string; ...
Avatar del usuario santiago
  • 143
0 votos
3 respuestas
7k vistas

Obtener solo el primer elemento de un array con NgFor

Tengo un array de elementos donde solo quiero traer el primero (sale_price), pero en ngFor trae todos los sale_price. Código Angular: <*ngFor="let valor of equipo.equipment_details;">{{valor....
user avatar
0 votos
1 respuesta
145 vistas

¿Es necesario importar md-autocomplete en Angular 1.5.8?

Este es mi primer proyecto en AngularJs y estoy intentando crear un filtro con el campo md-autocomplete pero no me aparece nada en mi página. Al escribir la etiqueta tampoco me aperece en ...
Avatar del usuario Rinsky
  • 55
0 votos
2 respuestas
5k vistas

Boton de "siguiente" y "regresar" en algo parecido a un formulario con Angularjs

Necesito saber como puedo usar los botones "siguiente" y "regresar" en algo parecido a un formulario con html usando angular js. Dicho "formulario" sera más bien como una prueba de en linea, en el ...
Avatar del usuario Grecia P. Valero
0 votos
1 respuesta
1k vistas

Quitar etiquetas html al hacer binding en angularjs

Tengo un json el cual contiene texto con etiquetas html. Quisiera saber como quitar dichas etiquetas he estado revisando que ng-bind-html ayuda, pero la verdad no se como implementarlo. Espero me ...
Avatar del usuario Dimoreno
  • 957
0 votos
1 respuesta
288 vistas

Filter en angular js (ionic framework urlRouter provider)

Estoy consumiendo un web services el cual me retorna un json, Lo que estoy haciendo es en primer instancia poner una lista de cada objeto con su contenido e id, Cuando doy click en un item utilizo ...
Avatar del usuario Dimoreno
  • 957
0 votos
1 respuesta
1k vistas

Agregar div con Angular 6

Estimados estoy buscando en foros pero no encuentro la respuesta, alguien me puede ayudar de como agregar un div con angular 6. Tengo creado el componente, pero no puedo crear el elemento en el dom. ...
Avatar del usuario Nahuel Jakobson
0 votos
1 respuesta
53 vistas

¿Por qué no reconoce el metodo del service que llamo desde un metodo en el componente?

Tengo este Service que administra todo lo que tiene que ver con el cliente. Y dentro de este Service tengo este metodo: public getCustomers() { return this.http.get(this.customerUri).map(res => {...
Avatar del usuario JGuerra
  • 317
0 votos
1 respuesta
1k vistas

¿Cómo puedo ver el código fuente de un sitio web Angular? [cerrada]

¿Hay una forma de ver el código fuente de un sitio web hecho con Angular después de haber compilado? Es que la directiva ng-cloak oculta todo lo que esté dentro del elemento en que se especificó, y ...
Avatar del usuario Andres Martinez
0 votos
1 respuesta
454 vistas

Actualizar $scope con datos de una directiva

Tengo la siguiente directiva que he sacado de google (para crear un cronometro): .directive('cronometro', function () { var stopWatch = function(elem, options, attrs) { var hora = 0; ...
Avatar del usuario j0se
  • 570