javascript / intermediate
Snippet
Signalbasierte Komponenten-Inputs
Signal-Inputs sind der moderne Ersatz für @Input()-Dekoratoren und bieten eine bessere Performance sowie integrierte Reaktivität ohne manuelle Change Detection.
snippet.js
javascript
1
2
3
4
5
6
@Component({ ... })export class UserCard {name = input.required<string>();age = input(0);isAdmin = input(false, { transform: booleanAttribute });}
angular
Erklärung
1
input.required<string>()
Definiert einen obligatorischen Input, der ein reaktives Signal zurückgibt.
2
input(0)
Definiert einen optionalen Input mit dem Standardwert Null.
3
transform: booleanAttribute
Ein Hilfsmittel, das String-Attribute wie 'true' in tatsächliche Boolean-Werte umwandelt.