This was one of the better tutorials out there. I would love another one covering more topics like other types of binding (two way, class, style), other directives (ngIf, ngClass etc.), template forms (and where to use them instead of reactive forms) and more. A more comprehensive look at Angular's features
@ohmegatech666Күн бұрын
A few confusing things to be more careful of next time you're editing: at 2:20 you say you're copying the contents but you're actually cutting them. Then after you paste them in housing.service.ts you, you say "back in housing.service.ts" which is very confusing since that's already where we are.
@ohmegatech666Күн бұрын
There are so many convoluted steps just to add the router which seems like basic functionality. Why is there not a CLI command to just add all that's required for the router? In fact why doesn't ng new add the router by default? Edit: Just looked it up and since version 17 ng new DOES include router by default. Good job Google, took you a while though
@ohmegatech666Күн бұрын
Also, this doesn't need to be an interface and should be a type in my opinion. Interfaces in ts should only be used if you need a specific feature of interfaces that types don't have like inheritability or declaration merging which is rare so usually just use types for all data shape definitions
@ohmegatech666Күн бұрын
It bothers me that ng generate interface doesn't add "Interface" to the end of the interface name like it does with components. This makes for very confusing interface names like the housingLocation we have here. How is someone reading this supposed to know that the import of HousingLocation from the app directory is an interface? It just looks like someone misplaced the file from the housing-location folder. It should be called HousingLocationInterface
@Alexanderscodesamples-x4u2 күн бұрын
Thank you for the video.
@mirandelass2 күн бұрын
love u Mark my brother
@WilmerLin3 күн бұрын
anyone gots this error as well? error TS2740: Type 'HousingLocation[]' is missing the following properties from type 'HousingLocation': id, name, city, state, and 4 more... This happen on the home component in this line: <app-housing-location *ngFor="let housingLocation of housingLocationList" [housingLocation] = "housingLocation" ></app-housing-location>
@WilmerLin3 күн бұрын
I found that the error was due to an incorrect node version. all good now!
@anshulmishra29254 күн бұрын
hey mark , pls add the proper code in the link , the link in this video is not updated with the latest home.component.ts file changes
@viky2935 күн бұрын
Like the ENERGY !!
@bogdanpustai75475 күн бұрын
i didn't know LongBeachGriffy works for Google
@RIthon7796 күн бұрын
Dat doesn't work !
@hongengvathana12546 күн бұрын
Thank you teacher ❤
@kristofhavasi8838 күн бұрын
Quite happy that the ng team produces these videos! Thanks. I don't get why the tone of talking to a 5 years old, but that's personal preference I guess. |_||_||_||_| |_||_||_||_|
@VasanthaKrishnan-mb2sz8 күн бұрын
That's very awesome , Very good presentation Jessica
@derrickbrandt9459 күн бұрын
Signals introductory tutorial starts at @1:46
@vadimchilinciuc82969 күн бұрын
Thanks for all your work guys ! gg
@arjunsemwal0211 күн бұрын
Thanks Mr Mark Thompson and angular team for sharing this tutorial 😊
@frankmhoja246012 күн бұрын
hallow ....i real appreciate this team .. i need help on roadmap to learn angular to🙏
@helloworlditsworld13 күн бұрын
The vibe is impeccable 😎 really good watch
@surfbeach10014 күн бұрын
loved the placeholder and viewport joke haha
@bogdan_the_computer15 күн бұрын
Thank you for this video. However, links to the app data and styles are not available
@HatchettTheGreat15 күн бұрын
Sheesh how do you code with that ide theme lol
@marktechson15 күн бұрын
It's a high-contrast theme designed for accessibility (a11y) which is ideal for users with low vision, light sensitivity, or diminished contrast vision :)
@KaraniKeith16 күн бұрын
I am getting this error on completion of part 4....ERROR TypeError: Cannot read properties of undefined (reading 'name')
@kartik-watwani20 күн бұрын
Angular is Love
@LettuceBunnies6 сағат бұрын
Angular is Life
@muhammadtariq832321 күн бұрын
Thermal printing using Angular like react libraries
@aurelanghel502923 күн бұрын
wow and ... wow
@aneeshjoseph336023 күн бұрын
Love this show! :)
@Bastardovl24 күн бұрын
For those who are facing problems with the last part, when we use the search button, it filter cities and instantly reflesh the page cleaning the filters, i did an implementation that fixes it: (home.component.ts) at template: <button class="primary" type="submit" (click)="filterResults($event, filter.value)">Search</button> at filterResults function: filterResults(event: Event, text: string) { event.preventDefault(); (using Angular 16)
@mapo89024 күн бұрын
prefect
@Mastyx-dev26 күн бұрын
at minute 6:50 if I don't insert the question mark: <img class="listing-photo" [src]="housingLocation?.photo" alt="exterior photo {{housingLocation?.name}}"> since always: TypeError: Cannot read properties of undefined (reading 'name') at HousingLocationComponent_Template (housing-location.component.html:3:7) at executeTemplate (core.mjs:11772:5) at refreshView (core.mjs:13325:7) at detectChangesInView (core.mjs:13533:5) at detectChangesInViewIfAttached (core.mjs:13495:3) at detectChangesInComponent (core.mjs:13484:3) at detectChangesInChildComponents (core.mjs:13545:5) at refreshView (core.mjs:13377:7) at detectChangesInView (core.mjs:13533:5) at detectChangesInViewIfAttached (core.mjs:13495:3) Does it happen to you too?
@Bastardovl25 күн бұрын
I think you must remove "?" signals
@CieloVistaSoftware27 күн бұрын
When will Angular address the disaster migration issue they created? React doesn't have this issue.
@aj8__827 күн бұрын
what disaster migration?
@Angular24 күн бұрын
Hey John, could you tell us more about what you mean? This way maybe we can help fix the issue for the community at large but your comment doesn't give enough information to get started. Please let us know what needs you are trying to solve for, thanks!
@TayambaMwanza27 күн бұрын
That intro 😂
@ramwejlirap672929 күн бұрын
how do you download the project
@Bastardovl24 күн бұрын
2:07, click green button "code", then last option "Download Zip"
@nicobonderАй бұрын
In minute 4:52, when you refactor the function and remove all the find logic, how does it know that have to go to json and just give you the location you need? It is hard for me to understand how the this.url/id will make to return the same that we had with the find method. Thanks
@cwas-raywoodАй бұрын
If I want to make the Homes branding icon link back to the home page, do i just import the RouterLink into the app.component.ts and set it up in the template as an anchor wrapper for the img tag?
@Bastardovl24 күн бұрын
I would like to do that too
@edlmirandaАй бұрын
This tutorial is riddled with issues and needs some serious QA.
@AngularАй бұрын
Sorry to hear that you've run into so many issues. Could you open a GitHub issues with where you ran into problems so we can update things?
@edlmirandaАй бұрын
wasn't able to get the tutorial to work without getting an error memory on my chrome browser so here we are