Angular Signal Input: Ultimate Guide for Developers

Learn Angular signal input and how it simplifies getting data in the component. It solves major problems like using NgOnChanges and not specifying default value.

MOST POPULAR COURSES

SERVICES THAT I'M USING

CONNECT WITH ME!

REFERENCES

This video is NOT sponsored. Some product links are affiliate links which means if you buy something I'll receive a small commission.

[deanhantzis]

Couldn't be explained better. Thanks.

[dg-cggi]

I try this but it doesn't work. whenever I change my @inputs to input signals, the template in my child component doesn't like the syntax? As if it doesn't recognize it right?

parent.component:
<app-all-watch [title]="sermonTitle"

child.component:
objectArray = input<WatchModel[]>();

This fails in the parent component template saying: Property objectArray is not provided by any applicable directives nor by <app-all-watch> element?

I can't find anything on this?

[mariusboianciuc]

Thank you for your great work! But what do you think, is it ok to only use signals from now on? Or just in cases when we expect the variable to change ? how well optimized are they ?

[AlexUrsulov]

Thanks a lot. As I understand we can't use onPush strategy with input signal's in dump components. Is it right?

[hamza]

Many thanks! Very informative :) Is this already in Angular 17? Or 17.1?

[ryanbutterworth]

Thanks for this. I want to try and change a form builder to rather use signal inputs.The issue is in the test, even if I type the input correctly, the test gives an error. I tried with a simple number example.

questionNumber = input.required<number>()

in the test

describe('Question input', ()=> {
it('should take in a input of type number', () => {
component.questionNumber = 5
})
})

I think it throwing an error, as you mentioned this is a ready only signal. Not sure how you would test it then?

[exploteldeveloper]

Thanks, very usefull.
Angular team has really worked hard for this version but it seems to have neglected the SSR mode with the problem of accessing cookies from the server. This is a major problem of this version and remains unresolved since November. Unable to implement authentication on SSR. Do you have an alternative to this problem ?

[maciekkiller]

Can I use signal input in my dump component when in smart component I use observable with async? is it ok?

[burningtree]

Signals are awesome guys! Jump on the fun wagon and start programming naturally again 🎉

[omjagtap]

Is DSA important in finding the job as a full stack developer