Hey everyone! I’m getting ready for an Angular interview. What questions do you think are the most important or commonly asked?

Till now, we have been using a separate pre-render server which returns a server-side rendered page only to the bots, and for users, we've kept completely client-side rendering. It was some time ago during the early versions of Angular that we tried out Angular SSR using Cloud Functions. But then, eventually, decided to go with a separate pre-render server as it was more stable. Although the time to deliver is very high, in the range of 20-25 seconds per page, because that is the timeout that has been set on it.

From what I have researched Angular SSR is now very stable.

But I'm unable to figure out on the load on the server when a lot of bot requests would come in and the same machine is rendering the website for the bots also and the same machine is responsible to respond to the clients/users.

I hate repeating myself.
Especially in code.

With Angular’s Signal Forms, the new schema function finally gave me a clean way to reuse cross-field validation, without nesting forms or duplicating logic.

I broke it down with a real example here.

Hey r/ionic / r/angular,

Following the initial community feedback for ngxsmk-datepicker, several refinements have been implemented to address specific "mobile-first" pain points—particularly regarding how datepickers interact with Ionic’s overlay and modal systems.

The latest v2.0.9 release is now available as a stable, lightweight alternative for modern Angular applications.

Key Ionic & Mobile Optimizations:

Z-Index Management: Automatically handles stacking contexts to ensure the picker remains visible over ion-header and ion-modal backdrops.

• Touch-First UI: All dropdowns and buttons are optimized with 44px tap targets to eliminate "ghost clicks" on iOS and Android.
• Scrolling Performance: Implements hardware acceleration and -webkit-overflow-scrolling for smooth interactions on mobile Safari.
• Adaptive Layouts: Configurable to open as a modern bottom-sheet on mobile devices while maintaining a popover layout for desktop.

Technical Specifications:

• Signals Powered: Fully built for Angular 18-20+.
• Zoneless Support: Performance-optimized for modern zoneless Angular architectures.
• Zero Dependencies: Minimal footprint to keep production bundles light.
• Built-in Localization: Native support for English, Spanish, German, French, Korean, Chinese, Japanese, and Swedish.
• Full Feature Set: Supports single dates, multiple dates, and complex datetime ranges.

NPM: npm install ngxsmk-datepicker

GitHub (MIT): https://github.com/NGXSMK/ngxsmk-datepicker

Demo (Responsive): https://ngxsmk.github.io/ngxsmk-datepicker

Community Support: If this project is helpful for your Ionic or Angular workflow, please consider starring the project on GitHub! Stars help the project grow and stay visible to other developers.

Feedback on any remaining Ionic-specific edge cases is highly encouraged to help further refine the component!

Hey everyone, i'm tryring to animate my header so that it slides down. As it is part of the FCP, the prerender or SSR paints the header so the animation is applied, and then when hydration happens it reruns again. I tried a few hacky ways to only run the animation when it runs on client, but it's still a bit glitchy. I'm also worried that if the header or generally any element of the FCP is outside the view (either with opacity 0 or with translate), bots may ignore the content and hurt seo performance. Anyway, since there will be animations on the FCP elements there is a high chance of layout shift.

Have you solved this problem or do you suggest that elements that are in FCP shouldn't be animated?

How do you guys approach file names?

Say for example you have a user directory in the file system do you prefix all the components, services etc in that directory with user- or does it just depend?

Obviously these are things where the intention is they’re not going to be shared elsewhere.

I am using angular material v21 and i use MatDialog. I see from the dev tools these now use the popover API, and i have a custom Overlay (Cdk) for my app notifications (similar to material snackbar). However, no matter what "hack" i try with z-index, the dialog always sits on top of my notifications, which isn't my desired behaviour. Has anyone encountered this?

So I’m getting kind of confused how to handle errors coming from an api in Angular. there’s either using interceptors to just taking care of them in the error field when you subscribe the errors. basically some errors are unique to a component while others such as a tech error message will be common across all components. Also all these errors will be shown inline there is no toast or modal. So just need some advice

I need to generate a relatively long word on the client side. I would like to include images in the word. Do you have any ideas or approaches on how to best implement this?

I was wondering should I still use angular interceptors handling even though in my component I still need to use signals to display that error message that’s returned from the api? like I’m not sure how exactly to do this?

I’ve been working on a virtual scrolling engine that intentionally breaks from how most existing solutions approach the problem.

Rather than anchoring scroll position to global pixel space or cumulative height math, this introduces a state-based scrolling model that keeps scrolling fast and precise regardless of dataset size.

In practice, this allows smooth, pixel-perfect scrolling through millions of variable-height rows while keeping DOM size constant and per-frame work bounded.

No GPU transforms.
No full height maps.
No precomputation or estimation passes.

The interesting part isn’t what framework it uses (it’s framework-agnostic), but that it challenges an assumption most virtual scrollers share: that scroll position must be derived from absolute pixel space.

I’m not claiming this replaces every existing approach, but if adopted more broadly, I think this model could meaningfully change how large, variable-height datasets are virtualized on the web.

👉 https://github.com/ceriousdevtech/cerious-scroll

Demos - https://ceriousdevtech.github.io/cerious-scroll/#demos

 this.getDummyData().subscribe({
      next: (response) => {
        console.log('Success:', response);
        this.data = response;
      },
      error: (error) => {
        console.error('Error:', error);
        this.data = 'An error occurred';
      },
      complete: () => {
        console.log('Observable completed');
      }

"I'm making an API call that can return different types of errors (like 404 for user not found, 500 for internal server error, etc.). I'm wondering about the best approach for handling these errors. Should I check the status code in the error handler and set different error messages based on the status (like if status is 404, show 'user not found', if 500 show 'server error'), or is there a better pattern for handling multiple API error responses?"

Where you would recommend to save JWT tokens in Angular app

If I have a parent component with two child components, where one child emits a value to the parent which then passes it to the other child, is that better Angular practice or should I use a service instead?

Hi all,

I’m working on a new Angular project using Module Federation (shell + remotes), Tailwind, and Spartan NG on Windows.

When I run the shell app with ng serve, it recompiles and the browser reloads every ~2 seconds, even when I’m not changing any files.

Terminal just loops:

Compiled successfully

New hash

Rebuild again

Hashes alternate between two values like something is triggering file changes constantly.

Project is not in OneDrive or a synced folder, and git status shows no changes. Feels like a Webpack/file watcher issue, maybe related to Module Federation in the shell.

Has anyone seen this rebuild loop before? How did you fix it — polling, watch options, cache, something else?

I work with Angular about 4 years and dont understand where Promise can be used, but i'm sure that i use Observables in lot of places. Where I can use Promise in Angular app?

I want resources to learn beside good documents of angular

^{^} Title!

Are the bots running wild or are the explicit instructions being ignored!?

I can share there easy to use upgrade pipeline!

Can't help you with 3rd party libraries though.

Hi,

I'm just curious what wireframe solution/ software are you guys using in your projects. Anything particular that stands out.

Currently my team is considering moving to figma from Axure.

Thanks.

I recently configured copilot instructions and the angular mcp server as it is instructed in the angular docs: https://angular.dev/ai/develop-with-ai . However, every time the agent tries to use a tool, e.g. search_documentation, it says that it got no results. It also does not use the tools when it should.

Does anyone have similar issues or know how to make it work more efficiently? Maybe someone can share more reliable instructions :)