javascript / expert
Snippet
Reaktive Projektionssteuerung mit Signal-basierten contentChild-Queries
Als Ersatz für den veralteten @ContentChild-Dekorator ermöglicht die contentChild()-Signal-Query Komponenten, projizierte Inhalte reaktiv zu erkennen. Dieser Ansatz integriert sich nahtlos in den Signal-Graphen, sodass computed-Eigenschaften automatisch aktualisiert werden, wenn Kinder in der Content-Projection erscheinen oder sich ändern.
snippet.js
1
2
3
4
5
@Component({ ... })export class CardComponent {header = contentChild(CardHeaderDirective);hasHeader = computed(() => !!this.header());}
angular
Erklärung
1
header = contentChild(CardHeaderDirective);
Erstellt ein Signal, das das Vorhandensein einer bestimmten Direktive im projizierten Inhalt verfolgt.
2
hasHeader = computed(() => !!this.header());
Leitet einen reaktiven booleschen Zustand ab, je nachdem, ob das projizierte Element existiert.