您必须导入其中之一
NgIf
和
NgFor
或者简单地导入
CommonModule
在HTML中使用这些结构指令。因为您的组件是独立的:
import { Component, Inject, ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { MultipleWork } from 'src/app/models/multiple-work';
import { CommonModule } from '@angular/common';
@Component({
selector: 'app-dossiers-list-dialog',
standalone: true,
imports: [CommonModule],
templateUrl: './dossiers-list-dialog.component.html',
styleUrls: ['./dossiers-list-dialog.component.scss']
})
如果您使用的是angular 18及更新版本,请尝试使用更新的控制流,它没有导入,编写起来更容易:
Angular Docs - Control flow
<div class="modal-overlay" (click)="onOverlayClick()">
<h1 style="font-size: larger; display: flex; justify-content: center;">
Lista Lavorazioni Selezionate
</h1>
@if(selectedDossiers?.length > 0) {
<ul>
@for (dossier of selectedDossiers) {
<li>
<p>{{ dossier?.PraticaNumero }}</p>
</li>
}
</ul>
}
</div>