Как я могу справиться с CommonModule ссылками в отдельной директиве? ⇐ Html

[Anonymous]

Я пытаюсь перенести старую библиотеку угловых компонентов в автономные компоненты. По крайней мере, так как я привык к делу, суперкласс @component не должен быть еще одним @component , а скорее @directive .
Начало Superclass выглядит так:

TimeEditorComponent), multi: true },
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => TimeEditorComponent), multi: true }]
})
export class TimeEditorComponent extends DigitSequenceEditorDirective implements OnInit {
// ...
[/code]
Проблема сейчас, переносив это в Angular 19 и пытается использовать автономный дизайн, заключается в том, что HTML для директивы содержит некоторые функции CommonModule, такие как [ngclass] и [ngstyle] . (Существует также использование *ngif и т.п., но я могу избавиться от использования @if , @for и т. Д.) PrettyPrint-Override ">

Код: Выделить всё

import { Directive, Input } from '@angular/core';
import { NgIf } from '@angular/common';

@Directive({
selector: '[appMyStandalone]',
standalone: true,
imports: [NgIf] // Can't be done! No `imports` field! (I'd have NgClass and NgStyle here if this worked)
})
export class MyStandaloneDirective {
@Input() appMyStandalone: boolean = false;
}

Если я не могу использовать Imports с директивой, как я могу решить красный шригливый материал ниже?>

Подробнее здесь: https://stackoverflow.com/questions/794 ... -directive