35381 angular update

[ragul1697]

Fixes #35381 - Updating the tutorial for Angular to latest version

[github-actions]

Preview URLs (6 pages)

• /en-US/docs/Glossary/Router
• /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_building
• /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_getting_started
• /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_item_component
• /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_todo_list_beginning
• /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Main_features

External URLs (29)

URL: /en-US/docs/Glossary/Router
Title: Router

• https://angular.dev/guide/routing/common-router-tasks (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_getting_started
Title: Getting started with Angular

• https://angular.dev/api/common/CommonModule (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/cli/analytics (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/cli/build (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/cli/completion (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/cli/e2e (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/cli/generate (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/cli/new (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/cli/serve (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/cli/test (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/guide/components/importing (2 times) (Note! This may be a new URL 👀)
• https://angular.dev/guide/directives (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/guide/ngmodules (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/guide/pipes (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/guide/testing (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/overview (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/reference/versions (1 time) (Note! This may be a new URL 👀)
• https://nodejs.org/en/about/previous-releases (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_item_component
Title: Creating an item component

• https://angular.dev/api/common/CommonModule (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Main_features
Title: Framework main features

• https://angular.dev/guide/di/dependency-injection (1 time) (Note! This may be a new URL 👀)
• https://guides.emberjs.com/release/services/ (1 time) (Note! This may be a new URL 👀)
• https://react.dev/learn/passing-data-deeply-with-context (1 time) (Note! This may be a new URL 👀)
• https://v2.vuejs.org/v2/api/ (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_todo_list_beginning
Title: Beginning our Angular todo list app

• https://angular.dev/api/core/Component (4 times) (Note! This may be a new URL 👀)
• https://angular.dev/api/core/Directive (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/guide/ngmodules (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_building
Title: Building Angular applications and further resources

• https://angular.dev/guide/components (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/guide/forms (1 time) (Note! This may be a new URL 👀)
• https://angular.dev/tutorials (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2024-11-01 05:03:26)

[bsmth]

Thanks for making the changes! I will take a look in the coming days.

[bsmth]

I haven't forgotten about this one, BTW, I have some other work that's top of my list for the moment. I will be getting back to this shortly. Thanks for the patience.

[bsmth]

Changelog, for convenience: https://github.com/angular/angular/releases/tag/18.0.0

[bsmth]

Thanks for the improvements, the only issue I see is that this PR is targeting the @next version which may change, so this concerns the 'structural directives' syntax: https://angular.dev/guide/directives#built-in-structural-directives

• https://next.angular.dev/api/core/@for# v https://angular.dev/api/common/NgFor
• https://next.angular.dev/api/core/@if# v https://angular.dev/api/common/NgIf

[bsmth]

If we're updating these (@if and @for), we need to change the prose because;

NgIf = "A structural directive that conditionally includes a template based on the value of an expression"

@if = "block conditionally displays its content when its condition expression is truthy"

I think the @if block is more appropriate for the code, and is an improvement, but we need to change "Angular directive(s)" to "block syntax(es)" or similar.

[ragul1697]

In Angular docs, those are grouped as Control Flows.

[bsmth]

ok super, so I think we can refer to them as 'control flow blocks'

[bsmth]

@ragul1697 do you want to make the changes or should I edit this branch / make suggestions on this PR? Thanks!

[ragul1697]

Hi @bsmth, You can make suggestions on this PR. I will update the branch following your suggestions. Thanks.

[bsmth]

OK super, assigning myself