всем привет.
имеется некоторая логика, которая в шаблоне компонента дублируется
<ng-container *ngFor="let error of *object* | keyvalue">
<p class="error-message">
<span *ngIf="error.key === 'pattern'">{{...}}</span>
<span *ngIf="error.key === 'maxlength'">{{...}}</span>
<span *ngIf="error.key === 'required'">{{...}}</span>
</p>
</ng-container>
этот блок дублируется три раза, за исключением, что в блоках разный object и соответственно содержание span
хочу всю логику перенести в ng-template
, примерно так
<ng-container *ngTemplateOutlet="errorMessage; context: *object* | keyvalue"></ng-container>
<ng-container *ngTemplateOutlet="errorMessage; context: *object2* | keyvalue"></ng-container>
<ng-container *ngTemplateOutlet="errorMessage; context: *object3* | keyvalue"></ng-container>
<ng-template #errorMessage let-error>
<p class="error-message">
<span *ngIf="error.key === 'pattern' && context === *object*">{{...}}</span>
<span *ngIf="error.key === 'pattern' && context === *object2*">{{...}}</span>
<span *ngIf="error.key === 'maxlength' && context === *object*">{{...}}</span>
<span *ngIf="error.key === 'required' && context === *object*">{{...}}</span>
///
</p>
</ng-template>
вопрос в следующем: можно ли в *ngIf прописывать такое условие context === *object*
? или как правильно прописать условия в *ngIf?