{{outlet}}

Renders the template of the active child route at this location.

Since Ember 4/5 (Octane) Spec ↗

Syntax

{{outlet}}

Returns

block — Renders the matched child route template.

Examples

{{! app/templates/application.hbs }}
<NavBar />
<main>
  {{outlet}}
</main>
{{! app/templates/posts.hbs }}
<PostList @posts={{@model}} />
{{outlet}}

Notes

Each route template includes {{outlet}} where its nested child route should render, forming the route hierarchy. Named outlets exist but are rarely needed in Octane apps.