Angular 12 tutorial in Hindi #38 Directives | custom | example

In this angular 12 version video, we learn how to apply validations on Reactive form in angular 12. This video is made by anil Sidhu in the Hindi language.

Directives in Angular
What are Directives in Angular
Example of Directives
Make a new directive
Update Element
Interview Question

[deepcode]

Bahut mehnat karte ho bhai aap dhang se samjhaate ho ekdum...nice👍

[anuradhagupta]

Thank you ..I have seen your complete tutorial, the way you explain is Awesome.

[zilurane]

Thanks sir. I like your teaching skill. I have cleared angular concept.

[surajdubey]

A question is like why I'm using a directorate. Here we change the background color or a text color so for that I can make a one common css class.Then I can use that class anywhere. Please explain

[santoshkamat]

Should have mentioned the types of directives too!

[Tarun]

Sir... Thank you very much..
Sir please upload your videos in 1080p

[pradipsingh]

@Directive({
selector: '[appElRed]'
})
export class ElRedDirective {

constructor(el:ElementRef) {
el.nativeElement.style.color = "red"
el.nativeElement.innerText = "Hello Siddhu bhai how are you "
}

}

[mhdip]

According This Scenario The Interview Ans ----

export class RedElementDirective {

element!:ElementRef

constructor(el:ElementRef) {
el.nativeElement.style.color = "red"
this.element = el;
}

ngOnInit(){
= "Hello World"
}

}

[Pishkoo]

Thank you sir..
Sir, could you do more angular projects it would be more helpful sir.

[nikitanikam]

Sir, I'm try for it..but I'm not able for solving this.plzz give answer??

[aviator]

can you tell us how we update value of element??

[zainali]

bhai ya last wala kindly bta do ni smj lag rha apka questions.. Please response me as soon as possible .. Thanks and love, support u from PAKISTAN

[alamshaikh]

Bro angular 12 ki next video kab tak aaege.

[SiddharthSoni-xn]

@Directive({
selector: '[appRedElement]'
})
export class RedElementDirective implements OnInit {
el:ElementRef
constructor(el:ElementRef) {
el.nativeElement.style.color = "blue";
this.el = el;
}
ngOnInit() {
="hello"
}
}

[jitendrasingh-jdsn]

export class RedElDirective {

ourel!:ElementRef

constructor(el:ElementRef) {
el.nativeElement.style.color = "red"
this.ourel = el;
}

ngOnInit(){
= "Now you can see your text is change"
}


}

[ajendersingh]

el.nativeElement.value = "CUSTOM VALUE"

[AnilSingh-uhxp]

constructor(el:ElementRef) {


el.nativeElement.innerText ="START: ";

}

[manishchoudhary]

el.nativeElement.outerHTML = "My New Text";

[SiddharthSoni-xn]

@Directive({
selector: '[appRedElement]'
})
export class RedElementDirective implements OnInit {
el:ElementRef
constructor(el:ElementRef) {
el.nativeElement.style.color = "blue";
this.el = el;
}
ngOnInit() {
="hello"
}
}