Ability to pass `BootstrapOptions` when bootstrapping standalone application

Which @angular/* package(s) are relevant/related to the feature request?

platform-browser

Description

Hi there,

I started to convert a Zoneless application to standalone components, and I noticed it’s not possible to bootstrap a standalone application without Zone.js, so I have to keep the AppModule to be able to pass the ngZone configuration at bootstrap.

platformBrowserDynamic()
  .bootstrapModule(AppModule, {
    ngZone: 'noop',
  });

Proposed solution

It would be nice to be able to pass the BootstrapOptions to the bootstrapApplication function like so:

bootstrapApplication(AppComponent, { ngZone: 'noop' })

Alternatives considered

I can’t find any alternative, I think you know more than me if there are viable alternatives.

[pkozlowski-opensource]

zone.js event coalescing is a good use-case and the option we should support. I’m going to re-open this issue so we can adjust the API.

[alxhub]

This was a deliberate choice we made when designing bootstrapApplication - we chose to create a minimal API that didn’t carry over any of the options from the bootstrapModule API.

ngZone: 'noop' is what I would consider an advanced, low-level option. It’s not something you can just set - using this option requires completely rethinking how state works in your application and how change detection is triggered.

For now, continue to use bootstrapModule if you require a zoneless application. Reactivity, Change Detection, and “zoneless” is an area of focus for us in 2023, so we hope to have a real story here at some point.