mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
a600a39d0c
Adds the ability to specify content that Angular should fall back to if nothing is projected into an `ng-content` slot. For example, if we have the following setup
```
@Component({
selector: 'my-comp',
template: `
<ng-content select="header">Default header</ng-content>
<ng-content select="footer">Default footer</ng-content>
`
})
class MyComp {}
@Component({
template: `
<my-comp>
<footer>New footer</footer>
</my-comp>
`
})
class MyApp {}
```
The instance of `my-comp` in the app will have the default header and the new footer.
**Note:** Angular's content projection happens during creation time. This means that dynamically changing the contents of the slot will not cause the default content to show up, e.g. if a `if` block goes from `true` to `false`.
Fixes #12530.
PR Close #54854
|
||
|---|---|---|
| .. | ||
| BUILD.bazel | ||
| hydration_spec.ts | ||
| integration_spec.ts | ||
| transfer_state_spec.ts | ||