javascript / intermediate
Snippet
Typsichere Signal-Inputs
Signal-Inputs sind eine moderne Alternative zum @Input-Dekorator. Sie bieten eine bessere Typsicherheit, insbesondere für erforderliche Eingaben, und lassen sich nahtlos in andere reaktive Funktionen wie berechnete Signale und Effekte integrieren.
snippet.js
1
2
3
4
5
6
7
8
9
10
import { Component, input } from '@angular/core';@Component({...})export class UserProfileComponent {// Required signal inputuserId = input.required<string>();// Optional signal input with default valueisAdmin = input(false);}
angular
Erklärung
1
input.required<string>()
Definiert einen Input, der vom übergeordneten Element bereitgestellt werden muss und ein Signal<string> zurückgibt.
2
input(false)
Definiert einen optionalen Input mit einem Standardwert von false.