在Angular 8中,可以通过以下步骤将*ngFor的值发送到TS文件:
<div *ngFor="let item of items">
<p>{{ item }}</p>
<button (click)="sendValue(item)">发送值</button>
</div>
export class YourComponent {
items: any[] = ['item1', 'item2', 'item3'];
sendValue(value: any) {
// 在这里处理接收到的值
console.log(value);
}
}
在上面的示例中,我们定义了一个items数组,并使用*ngFor指令将其值绑定到HTML元素上。每个元素都有一个按钮,当按钮被点击时,会调用sendValue方法,并将对应的值作为参数传递给该方法。在sendValue方法中,我们可以对接收到的值进行处理,例如打印到控制台或发送到服务器。
需要注意的是,上述示例中的items数组是在组件的TS文件中定义的,你可以根据实际需求来定义和初始化该数组。
关于Angular 8的更多信息和详细介绍,你可以参考腾讯云的官方文档:Angular 8开发指南。
希望以上信息能对你有所帮助!
领取专属 10元无门槛券
手把手带您无忧上云