Experimental Angular Adapter

[benjavicente]

This is an experimental adapter for Angular. The package has a experimental sufix since the public API might change.

It is similar to Solid, except for the rendering: Angular has no concept of Error boundaries, Suspense, and the API's for dynamic components aren't as great as the ones in JSX.

The bubbling of errors states across matches is emulated by looking if there is no error component between the current match and the first child match that with an error. A similar behaviour for loading bubbling (suspense) could be implemented, but since that behaviour in other frameworks "suspends" the child matches of the one that catched the loading state before un-suspending it when ready, and since in Angular there is no APis that I could find to archive the desired behavior, that feature was left out.

While this took a lot of inspiration from an early adopter, this version intentionally avoids been more "Angular friendly", from not having first class support for Angular's DI system, to not providing any RxJS API. That decision alights the adapter better with how the other adapters work, but I'm open to suggestions if we could add/change an API to improve the DX in Angular.

Deploy of the kitchen-sink example: https://angular-router.benjavicente.workers.dev

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}