angular/modules/playground/README.md

## How to serve the examples

All playground examples are built and served with Bazel. Below is an example that
demonstrates how a specific example can be built and served with Bazel:

```bash
# e.g. src/zippy_component
pnpm bazel run modules/playground/src/zippy_component:devserver
```
build: switch playground examples to bazel (#28490) Currently all playground examples are built with `tsc` and served with the `gulp serve` task. In order to be able to test these examples easily with Ivy, we now build and serve the examples using Bazel. This allows us to expand our Ivy test coverage and additionally it allows us to move forward with the overall Bazel migration. Building & serving individual examples is now very easy and doesn't involve building everything inside of `/modules`. PR Close #28490 2019-02-01 13:27:13 +00:00			`## How to serve the examples`
feat(browser): use AppModules for bootstrap in the browser This introduces the `BrowserModule` to be used for long form bootstrap and offline compile bootstrap: ``` @AppModule({ modules: [BrowserModule], precompile: [MainComponent], providers: […], // additional providers directives: […], // additional platform directives pipes: […] // additional platform pipes }) class MyModule { constructor(appRef: ApplicationRef) { appRef.bootstrap(MainComponent); } } // offline compile import {bootstrapModuleFactory} from ‘@angular/platform-browser’; bootstrapModuleFactory(MyModuleNgFactory); // runtime compile long form import {bootstrapModule} from ‘@angular/platform-browser-dynamic’; bootstrapModule(MyModule); ``` The short form, `bootstrap(...)`, can now creates a module on the fly, given `directives`, `pipes, `providers`, `precompile` and `modules` properties. Related changes: - make `SanitizationService`, `SecurityContext` public in `@angular/core` so that the offline compiler can resolve the token - move `AnimationDriver` to `platform-browser` and make it public so that the offline compiler can resolve the token BREAKING CHANGES: - short form bootstrap does no longer allow to inject compiler internals (i.e. everything from `@angular/compiler). Inject `Compiler` instead. To provide custom providers for the compiler, create a custom compiler via `browserCompiler({providers: [...]})` and pass that into the `bootstrap` method. 2016-06-30 20:07:17 +00:00
build: switch playground examples to bazel (#28490) Currently all playground examples are built with `tsc` and served with the `gulp serve` task. In order to be able to test these examples easily with Ivy, we now build and serve the examples using Bazel. This allows us to expand our Ivy test coverage and additionally it allows us to move forward with the overall Bazel migration. Building & serving individual examples is now very easy and doesn't involve building everything inside of `/modules`. PR Close #28490 2019-02-01 13:27:13 +00:00			`All playground examples are built and served with Bazel. Below is an example that`
			`demonstrates how a specific example can be built and served with Bazel:`

			```bash
			`# e.g. src/zippy_component`
build: use pnpm as the package manager instead of yarn (#62924) Use pnpm instead of yarn as the package manager and interaction tool for the repo PR Close #62924 2025-07-31 15:17:27 +00:00			`pnpm bazel run modules/playground/src/zippy_component:devserver`
fix(upgrade): Remove deprecated UpgradeAdapter (#61659) Deprecated since v5. Use `upgrade/static` instead, which also supports aot. BREAKING CHANGE: `UpgradeAdapter` is no longer available. Use `upgrade/static` instead PR Close #61659 2025-05-23 17:40:44 +00:00			```