Breaking News: Grepper is joining You.com. Read the official announcement!

angular custom directive

simon caf answered on April 26, 2022 Popularity 10/10 Helpfulness 3/10

answer angular custom directive

related custom directive example

angular custom directive

Comment

import { Directive, ElementRef } from '@angular/core';

@Directive({
  selector: '[appHighlight]'
})
export class HighlightDirective {
    constructor(private el: ElementRef) {
       this.el.nativeElement.style.backgroundColor = 'yellow';
    }
}
//To create a directive, use the CLI command
//ng g directive <name> [options]

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: angular.io

Tags: angular custom-directive javascript

Link to this answer
Share Copy Link

Contributed on Apr 26 2022

simon caf

0 Answers Avg Quality 2/10

Closely Related Answers

custom directive example

Comment

 
.blue {
  background-color: lightblue;
}

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: www.tektutorialshub.com

Tags: custom-directive cust

Link to this answer
Share Copy Link

Contributed on Apr 07 2023

Nanu

0 Answers Avg Quality 2/10

custom directive example

Comment

 
import { Directive, ElementRef, Input, OnInit } from '@angular/core'
 
@Directive({
  selector: '[ttClass]',
})
export class ttClassDirective implements OnInit {
 
  @Input() ttClass: string;
 
  constructor(private el: ElementRef) {
  }
 
  ngOnInit() {
    this.el.nativeElement.classList.add(this.ttClass);
  }
 
}

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: www.tektutorialshub.com

Tags: custom-directive cust

Link to this answer
Share Copy Link

Contributed on Apr 07 2023

Nanu

0 Answers Avg Quality 2/10

custom directive example

Comment

 
<button [ttClass]="'blue'">Click Me</button>

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: www.tektutorialshub.com

Tags: custom-directive cust

Link to this answer
Share Copy Link

Contributed on Apr 07 2023

Nanu

0 Answers Avg Quality 2/10

angular custom directive

Contents

More Related Answers

angular custom directive

Closely Related Answers

custom directive example

custom directive example

custom directive example

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.