angular-component-patterns

Define a standalone component with an imports array in @Component, extend AppComponentBase, use inject() for dependency injection, and signal() for state. Add appModuleAnimation() to animations and import LocalizePipe, PermissionPipe, and BusyIfDirective.

Use viewChild<Type>('ref') instead of the @ViewChild decorator and output<void>() instead of @Output() with EventEmitter. Read signal values with this.property() and update them with this.property.set(value).

NSwag proxies return Luxon DateTime objects, which Angular's DatePipe does not accept, causing a TS2769 compile error. Use LuxonFormatPipe with preset tokens like 'D' or 'F' for display and abp-datetime-picker for form inputs.

Yes, standalone components require every pipe used in the template to be listed in the imports array, including CurrencyPipe, DatePipe, DecimalPipe, and AsyncPipe from @angular/common. They are not auto-included.

NSwag may mark non-nullable C# properties as required in the generated TypeScript interface, so omitting them from an object literal fails compilation. Pass all interface fields explicitly, using undefined for optional ones.