Moderne OnlyThis recipe is proprietary to Moderne and runs on the Moderne platform or CLI — it isn’t part of the open-source catalog. Available with a Moderne subscription.Contact Sales

Find safe navigation in Angular templates

Recipe IDorg.openrewrite.angular.search.find-template-safe-navigation

Artifact@openrewrite/recipes-angular

Finds ?. in HTML templates and in inline template metadata. Angular 22 changed safe navigation in templates to return undefined instead of null, which changes bindings that tell the two apart. Angular ships a $safeNavigationMigration() wrapper for this; this recipe reports the templates to review rather than rewriting the expressions.

Composite recipeOpenRewriteModerne Proprietary License

Try in PlatformTry this recipe in the Moderne platform. Not a user yet? You’ll get a no-setup demo environment, with nothing to install or configure.

Definition

Recipes2

• Find safe navigation in HTML templates
• Find safe navigation in inline templates

Usage

Run this recipe

In order to run JavaScript recipes, you will need to use the Moderne CLI. For JavaScript specific configuration instructions, please see our configuring JavaScript guide.

Once the CLI is installed, you can install this JavaScript recipe package by running the following command:

Install the recipe package

mod config recipes npm install @openrewrite/recipes-angular

Then, you can run the recipe via:

Run the recipe

mod run . --recipe org.openrewrite.angular.search.find-template-safe-navigation