Si quisiera que mi directiva pudiera recibir parámetros, como podría hacerlo?

Ramiro Mendoza Alvarez

Ramiro Mendoza Alvarez

Pregunta
student
hace 6 años

Si quisiera que mi directiva pudiera recibir parámetros, como podría hacerlo?

2 respuestas
para escribir tu comentario
    Kevin Rafael Santacruz Burgos

    Kevin Rafael Santacruz Burgos

    student
    hace 6 años

    Hola en el html quedaría así

    <h3 appHighlight [bgColor]="'red'"> {{ product.title }} </h3>

    Por otro lado, en la directiva la asignación no se puede hacer en el constructor ya que hasta ese punto no tiene asignado el valor del color.

    import { Directive, ElementRef, Input, OnInit } from '@angular/core'; @Directive({ selector: '[appHighlight]' }) export class HighlightDirective implements OnInit { @Input() public bgColor: string; constructor( private element: ElementRef ) { } ngOnInit() { this.element.nativeElement.style.backgroundColor = this.bgColor; } }
    Fernando Veloz Cleto

    Fernando Veloz Cleto

    student
    hace 6 años

    Agregando un Input a tu directiva, ej:

    En la directiva

    @Input() backgroundColor: string;

    En el template:

    <h3 appHighLight [backgroundColor]="'white'">Hola</h3>
Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.

Curso de Angular [Empieza Gratis]
Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.