@for (product of products; track product.id) <product-card [data]="product" />
@Component( standalone: true, template: ` <input [(ngModel)]="searchTerm" /> <p>Resultados para: filteredItems().length </p> ` ) export class SearchComponent searchTerm = model(''); items = input.required<Item[]>(); filteredItems = computed(() => this.items().filter(i => i.name.includes(this.searchTerm())) ); angular: de cero a experto - edición 2025
@defer (on viewport) <heavy-chart /> @placeholder <div>Cargando gráfico...</div> @for (product of products; track product
For data fetching, the new resource() and rxResource() APIs replace complex RxJS chains: @for (product of products