Видео

Indexedb angular la eppati use panrathu nu podunka

thankk uuuuuuu

Your explanation is very nice. Keep this sister. After set property binding,image not displaying my code in ts file is imageUrl="assets/logo.png"; and In html file as "<img [src]="imageUrl"/>".And also not working without property binding like <img src="assets/logo.png"/>.Any thing,Image not displaying.But image is available in assets folder.How to rectify this?

Great explanation

nice explanation getting easy understand

thank you so much Mam

Mam angular 17 la app.module page varamaatingudhu, so Formsmodule and reactivemodule endha page la import pannanum please sollunga?

Mam ngForm use panna no directives found nu varudhu adhu epdi solve panradhu?

need package.json and angular.json explanation mam

Thanks so much mam

Good explanation

Nice explanation, Nan angular developer ah 3 years work paniruken enaku oru prblm eputi documentation write pantrathu angular application ku help panunga. Like Code document if possible project documentation oru idea venum eduku reply paninga Ilana edu related ah oru video potta rompa useful ahh irukum

Why using 3 components mam

Thank you for sharing mam ☺️☺️

Thank you so much mam... clearly understand this hook 💥

please update rxjs details video mam

Your videos are very good... pls update project videos... and angular.. interview questions pls update...

Try the code //a component <p> ngAfterContent </p> <p> I am a </p> <app-b> <h3 #BHeader>BComponent Content DOM</h3> </app-b> //b component <p>I am bcomponent </p> <app-c></app-c> <button (click)="$event" > click </button> <ng-content> </ng-content> //b compoenent.ts import { Component , AfterContentChecked,AfterContentInit,ContentChild,Renderer2,ElementRef,OnInit,viewChild,AfterViewInit, ViewChild } from '@angular/core'; import { CComponent } from '../c/c.component'; @Component({ selector: 'app-b', standalone: true, imports: [CComponent], templateUrl: './b.component.html', styleUrl: './b.component.css' }) export class BComponent implements AfterContentChecked,AfterContentInit,OnInit,AfterViewInit { @ContentChild("BHeader",{read:ElementRef}) hRef:ElementRef |undefined @ViewChild(CComponent,{read:ElementRef}) cRef:ElementRef |undefined constructor(private renderer:Renderer2) { console.log("constructor") } ngAfterViewInit(): void { console.log("ngafterviewinit") this.renderer.setStyle(this.cRef?.nativeElement.children.item(0),'background-color',this.randomRGB()) this.renderer.setStyle(this.cRef?.nativeElement.children.item(1),'background-color',this.randomRGB()) } ngOnInit(): void { console.log("ngInit",this.hRef) } ngAfterContentChecked(): void { console.log("ngaftercontentchecked",this.hRef) this.renderer.setStyle(this.hRef?.nativeElement,'background-color',this.randomRGB()) } ngAfterContentInit(): void { console.log("ngAfterContentInit",this.hRef) } randomRGB(): string { return `rgb(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)})`; } } //C component <p> I am C component </p> <h2> welcome to life cycle </h2>

Try below code //a component html <h1> ngAfterContentChecked Example </h1> <p> I am A. </p> <app-b> <h3 #BHeader>BComponent Content DOM</h3> <app-c> </app-c> </app-b> //b Component html <p> I am b</p> <p #BStatement>I am B.</p> <button (click)="$event"> Click </button> <ng-content></ng-content> //bcompoennt.ts import { Component , AfterContentChecked,AfterContentInit,ContentChild,Renderer2,ElementRef,OnInit,viewChild,AfterViewInit, ViewChild } from '@angular/core'; import { CComponent } from '../c/c.component'; @Component({ selector: 'app-b', standalone: true, imports: [CComponent], templateUrl: './b.component.html', styleUrl: './b.component.css' }) export class BComponent implements AfterContentChecked,AfterContentInit,OnInit,AfterViewInit { @ContentChild("BHeader",{read:ElementRef}) hRef:ElementRef |undefined @ViewChild(CComponent,{read:ElementRef}) cRef:ElementRef |undefined constructor(private renderer:Renderer2) { console.log("constructor") } ngAfterViewInit(): void { console.log("ngafterviewinit") this.renderer.setStyle(this.cRef?.nativeElement.children.item(0),'background-color',this.randomRGB()) this.renderer.setStyle(this.cRef?.nativeElement.children.item(1),'background-color',this.randomRGB()) } ngOnInit(): void { console.log("ngInit",this.hRef) } ngAfterContentChecked(): void { console.log("ngaftercontentchecked",this.hRef) this.renderer.setStyle(this.hRef?.nativeElement,'background-color',this.randomRGB()) } ngAfterContentInit(): void { console.log("ngAfterContentInit",this.hRef) } randomRGB(): string { return `rgb(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)})`; } } //c compoent.html <p>I am c </p> <P> Hello wordld</P>

nice explaintion mam ,thank you

your videos so good.... but voice is not clear pls check

What about lifecyclehooks 5,6,7,8 Sister

Everything looks good, but it would be great if you could include the output of the service

Mam error varuthu mam Templateurl: './child.component.html', Ipdi varuthu

same injector ah standalone mehtod la pannunga angular 17

Property means what mam

Epdi update value ah send pandrathu without two way binding.. Nan default oru value ah send pandren, aprm page load aanathuku aprm oru method la same variable ah update.. But updated value pogala. Athu epdi pandreathu

❤

Angular video potadhuku nandri akka

Thank you sister

Thank you so much very nice explanation

Hey , really good explain to all topic .... All the best

Super, Pls upload the next video

nice and thank you for ur presendation

akka one request neega video panum podhu andha sample code reference la poduga..

neenga pana andha child compennets theliva konjam explain panuga akka....atleast aathula full code aavathu comment la poduga akka

akka no error but aathu output yedhuvum print aagala..

1. If 'app-student-profile' is an Angular component and it has 'message' input, then verify that it is part of this module. 2. If 'app-student-profile' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. 1 <app-student-profile [message]="messageData"> </app-student-profile> ~~~~~~~~~~~~~~~~~~~~~~~ src/app/app.component.ts:6:16 6 templateUrl: './app.component.html', ~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component AppComponent. × Failed to compile.

Property 'blue' does not exist on type 'AppComponent'. akka color single style binding la varala

Thank you very much madam I could not correct this error for 2 days.. I understood after watching this video

Koncham loud and strong aaa pesunga sis

thank you so much

Nice akka... When is next tutorial?

if I pass multiple data from child to parent component , I would create multiple @ouput( ) or I create single Output and then i declare them in it , which one I will do ?

Why to use for constructor ngOninit....

Clear explanation.. please upload more videos sis.👌👌

Super.very clear explanation

it return only default message what i have to do

Is there an English version available?