angular - 获取用户从 ngFor 列表中选择的值
问题描述
这是我尝试使其工作的代码,但我可能只是做错了什么。
HTML:
<ng-container *ngFor='let parts of parts$'>
<a class="list-group-item list-group-item-action" (click)="onCategorySelect($event)" value= "parts.Category">{{parts.Category}}</a>
</ng-container>
.TS:
parts$: Parts[];
selectedCategory: Parts[];
constructor(private ApiService:ApiService) { }
ngOnInit() {
return this.ApiService.getParts().subscribe(data => {this.parts$ = data});
}
onCategorySelect($x: any){
this.selectedCategory = this.parts$.filter(element => element.Category === $x.target.value);
}
我想获取用户选择的特定类别。
解决方案
click
您可以像这样将给定值传递给函数
<ng-container *ngFor='let parts of parts$'>
<a class="list-group-item list-group-item-action" (click)="onCategorySelect(parts.Category)" value= "parts.Category">{{parts.Category}}</a>
</ng-container>
// 内部组件
onCategorySelect(category: any){
this.selectedCategory = category;
}
推荐阅读
- r - R & Package Incompability (斐济)
- java - 科尔多瓦在建造时遇到麻烦
- javascript - 导出的函数不适用于 socket.io
- android - 为什么将 Activity.findViewById 结果类型推断为平台类型?
- python - 过滤字典列表的最快方法?
- javascript - 从任意正则表达式创建字符串模板?
- javascript - 为什么不呈现组件数据对象属性
- laravel - 如何避免闪信中的特殊字符
- python - 用最后一个数字的系数替换 Nan?
- maven - Wildfly 10 服务器的 Maven 依赖项以支持 ejb、jms