Angular 10 Tutorial #23 - ngClass in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial, Angular ngclass tutorial, Angular 10 Tutorial For Beginners, Angular full tutorial, Angular learn angular applications, How to develop Angular Apps, Angular tutorials building and deploying Angular Apps, Building angular applications in Angular 10, Learn to build Angular 10 applications, Angular build and deploying applications, angular 10 building and deploying in Angular Apps, angular Apps build and deployment in Angular 10, 6,7,8, 9, angular 8 example,

Angular 10 tutorial for beginners, angular 10 tutorials, angular tutorials for beginners, angular interview questions and answers, angular live projects, angular 10 crash course, angular 10 tutorial for beginners step by step, angular tutorial for beginners 2020,angular tutorial 2020,angular code examples, angular for freshers, angular tutorial for experienced, arc tutorials angular, arc tutorials, angular 10 full course, angular 10 tutorial for beginners, angular 10 tutorial

Angular 10 tutorial for beginners, angular 10 crash course, angular 10 tutorial for beginners step by step, angular tutorial for beginners 2020, angular tutorial 2020, arc tutorial angular, angular code examples, angular for freshers, angular tutorial for experienced, angular introduction, angular version history, angular full tutorial series, best angular tutorial.

Angular 10 Tutorial #1

Angular 10 Tutorial #2

Angular 10 Tutorial #3 - Upgrade to Angular 10

Angular 10 Tutorial #4 - Install Angular CLI tutorial

Angular 10 Tutorial #5 - Install Bootstrap in Angular App

Angular 10 Tutorial #6 - Install Angular Material in Angular Application

Angular 10 Tutorial #7 - Folder Structure of Angular Apps

Angular 10 Tutorial #8 - Boot Process of Angular Apps

Angular 10 Tutorial #10 - Angular CLI Tutorial

Angular 10 Tutorial #11 - App Architecture

Angular 10 Tutorial #12 - Modules

Angular 10 Tutorial #13 - Components

Angular 10 Tutorial #14 - Component Lifecycle Hooks

Angular 10 Tutorial #15 - Component Communications

Angular 10 Tutorial #16 - Templates in Angular Components

Angular 10 Tutorial #17 - Directives in Angular 10

Angular 10 Tutorial #18 - Structural Directives in Angular 10

Angular 10 Tutorial #19 - ngIf in Angular 10

Angular 10 Tutorial #20 - ngFor in Angular 10

Angular 10 Tutorial #21 - ngSwitch in Angular 10

Angular 10 Tutorial #22 - ngStyle in Angular 10

Angular 10 Tutorial #23 - ngClass in Angular 10

Angular 10 Tutorial #24 - Data Binding in Angular 10

Angular 10 Tutorial #25 - Interpolation in Angular 10

Angular 10 Tutorial #26 - Property Binding in Angular 10

Angular 10 Tutorial For Beginners

Angular 9 Full Tutorial For Beginners

Angular CRUD Tutorial Step by Step

Angular Testing Tutorial

[rishitharajesh]

Awesome explanation easy way to understand thanks so much for such wonderful videos

[mumps]

Hi there, thanks for these videos. Just wondering what the difference is between [ngClass] and [class]. If I google it, mostly I see that you can use [class] with a [class.<classname>]=boolean syntax, however from my experimentation it seems I can use the two interchangeably, at least in terms of [class]="'classname'", [class]="'classname1 classname2'"], [class]="expression", [class]="object", etc. If I 'inspect' my output I can see a small difference, but output is the same. I feel like I'm missing something obvious.

[danielw]

hi Sridhar, I love your angular tutorials. I was just wondering if you had any videos on manipulating the DOM (like adding or removing classes from HTML elements from the component). Thanks.

[dineshguptha]

Yes bro waiting for live project eagarly

[webdevelopment]

In object type variation of ngClass should we use quotes for the class names inside the object?

[glory-of-ukraine]

great tutorials sir!!! thank you very much

[kallipalliashokkumar]

Thank you so much bro for this tutorial

[sureshmolabanti]

Hello Sridhar,
Simply i just loved your videos bcoz the way of presenting, PPT designing and cool heart with good explanation.

[tirtheshpawar]

Great Stuff Man! I hope you reach more and more people.
Binge watching this playlist from the start for a long time now! clearing concepts!
P.S. This man solves your doubts in comment section too!!

[ankeshanand]

Hello sir
single and double quotes are quite confusing can u help to identify?

[dineshguptha]

Full stack developer avvataniki front end angular choose chesukunta backend suggest me bro

[kusumadhanush]

What is the difference between normal class in the html and ngClass

[vivekg]

i have 2 components, if 1st component is updated then then automatically 2nd component must updated, how can we do this, please explain?

[dineshguptha]

Bro front end angular tho patu backend e language suitable ga nerchukunta best bro as a fresher

[Manoj]

<div is ngClass using Method example</div>

is showing the below error
"Parser Error: Binding expression cannot contain chained expression at the end of the expression [getClsName();]"

[sunnykarthik]

sir difference between ngStyle and ngClass . can u explain it.

[amanuellebassi]

Thanks, Sridhar. Please check your Buy ARC Tutorials a coffee!

[abdulhaqsafi]

i am creating reactive form and showing the result in console. but the result is shown in console.log
below is my code.


@Component({
selector: 'app-product',
templateUrl: './product.component.html',
styleUrls: ['./product.component.scss']
})
export class ProductComponent implements OnInit {
registrationForm: FormGroup;
constructor(private fb: FormBuilder) {
this.registrationForm = this.fb.group({
email: new FormControl(),
password: new FormControl(),
});
}
ngOnInit(): void {
}
//
SaveData(){

}
}
please guide us what will be the mistake

[rajshreelandage]

currentClasses: Record<string, boolean> = {};
setCurrentClasses() {
this.currentClasses = {
saveable: this.canSave,
modified: !this.isUnchanged,
special: this.isSpecial
};
}
how to use this using ngClass?