当angular ngFor在DOM中创建元素时,可以通过以下几种方式执行函数:
<div *ngFor="let item of items; let i = index" (ngOnInit)="myFunction(item)">
<!-- 元素内容 -->
</div>
<ng-container *ngFor="let item of items; let i = index" (ngOnInit)="myFunction(item)">
<div>
<!-- 元素内容 -->
</div>
</ng-container>
import { Component, AfterViewChecked } from '@angular/core';
@Component({
selector: 'app-my-component',
template: `
<div *ngFor="let item of items; let i = index">
<!-- 元素内容 -->
</div>
`
})
export class MyComponent implements AfterViewChecked {
items: any[] = [];
ngAfterViewChecked() {
this.myFunction();
}
myFunction() {
// 执行函数的逻辑
}
}
以上是几种常见的方式来执行函数,具体选择哪种方式取决于实际需求和场景。对于腾讯云相关产品和产品介绍链接地址,可以根据具体的需求和场景选择适合的产品,例如云函数SCF、云原生容器服务TKE、云数据库CDB等,可以在腾讯云官网上查找相关产品的详细介绍和文档。
领取专属 10元无门槛券
手把手带您无忧上云