#29 Template Reference Variable | Angular Component & Directives | A Complete Angular Course

[@AbbiMills]

You are an AMAZING teacher! Just a few notes for others from things I've been learning so far; In Angular 19, use output instead of @Output, you can use @for and @if directives to wrap elements if you'd rather (instead of the ngfor, ngif directives ), and if you want to switch up your unrelated component hook ups using a service, use a Behavior Subject in the service, send the info from the sender component to update it and create a Subsciption to it in the receiver component subscribing to it using OnInit and save in a variable. Then even when the subscription is destroyed since using behavior subject it'll keep track of the changes.

[@Fr0z3nRebel]

You are doing a fantastic job explaining everything in great detail. I appreciate you offering these tutorials for free right here on KZbin!

[@sohamajgaonkar3119]

The implementation examples you are taking are SOOO awesome. One will never forget it and will remember when required. Awesome!!!

[@ogunkayodeoluwaseun9348]

your tutorials are so easy to understand and you explain so well. Thank you very much

[@chetanpal-x1c]

Really sir your videos are very helpful i'm searching here and there in youtube and other places but did't found anything . Really thanks sir

[@mohamedibrahemsaad573]

you are my only god!

[@MuhammadUsman-ok5vs]

Awesome explanation

[@thotanagaraju7871]

Can you plz make one video, on how to use Breadcrumb in angular 16

[@user1__lastname169]

are we gonna have NgRx in this course?

[@backuprenfiximg2]

but radio button filter is not work how to work 2 way

[@viencong]

hey i can help you fix the problem about the count of filters totalProductCount = () => { if (this.searchText != '') return this.products.filter((prod) => prod.name.toLowerCase().includes(this.searchText) ).length; return this.products.length; }; totalProductInStock = () => { if (this.searchText == '') { return this.products.filter((prod) => prod.is_in_inventory === true) .length; } return this.products.filter((prod) => prod.name.toLowerCase().includes(this.searchText) && prod.is_in_inventory === true ).length; }; totalProductOutOfStock = () => { if (this.searchText == '') { return this.products.filter((prod) => prod.is_in_inventory === true) .length; } return this.products.filter((prod) => prod.name.toLowerCase().includes(this.searchText) && prod.is_in_inventory === false ).length; };

[@Abhishek-tv8px]

Where is code file