Assign the attribute directive name to the @Directive decorator's selector metadata.
Change the appearance and behaviour of the host element by using the ElementRef class to access the DOM.
To make a custom directive, we must use the @Directive decorator instead of the @Component decorator. So, let's begin by making our first Custom Attribute directive. We'll use this directive to highlight the specified DOM element by changing its background colour. Create a highlight for your app.
Component is a template-based directive.
Structural directives - controls DOM elements, allowing us to add and delete items from the document. For example, *ngIf, *ngFor, and so on.
Attribute directives - to change an element's, component's, or directive's behaviour or appearance.
An element's class attribute defines one or more classnames. The class attribute is typically used to point to a style sheet class. It can, however, be utilised by JavaScript to make changes to HTML components with a defined class (through the HTML DOM).
A class attribute for an element defines one or more classnames. The class attribute is most commonly used to refer to a style sheet's class. It can, however, be used by JavaScript to modify HTML components with a defined class (through the HTML DOM).
Learner's Ratings
4.1
Overall Rating
64%
16%
2%
11%
7%
Reviews
S
Samhitha R
5
Very clearly explained all the chapters and key points in Angular JS with perfect examples . Thank you very much. It is very helpful. Great work by learnvern and the tutors. Grateful to learnvern
N
NAVNEET MAHESWARI
5
EASY TO LEARN
P
Prabhat Yadav
5
Amazing course content and easy to understand.
A
Aparna K
5
Excellent
R
Rambo Krish
5
sds
S
Shraddha Naik
5
Good
K
Kijima
5
Very good
L
LAXMAN GOVIND RATHOD
5
The Advanced AngularJS Course was good and included all the topics to find a good job in my City.
V
V.phanindra babu
4
The Advanced AngularJS Course was good and included all the topics to find a good job in my City.
P
Prakriti
4
The Advanced AngularJS Course was good and included all the topics to find a good job in my City.
Show More
Recommended Courses
The Complete JavaScript Course - Beginner to Advance
Share a personalized message with your friends.