当我点击
好问题,这更多是HTML 5的事情而不是Angular的事情。您将要使用for={id}
。
因此,在您的特定代码中,它看起来会像这样。
<label for="category">filter per category: [cat group shows here]</label>
<select id="category" #category (change)="articleListService.categoryFilter2()" [(ngModel)]="articleListService.formModel.category">
<option value="">All</option>
<option *ngFor="let category of articleListService.laCategoryList" value="{{category.id }}">
{{ category.name }}
</option>
</select>
找到了一篇与您所问的类似的文章,但您必须将标签作为选择器的父级?
https://medium.com/browserquirks/browserquirk-programmatically-opening-a-select-box-4ca745a8468f
或者尝试将模板引用添加到 select 上,然后 @ViewChild('ThatReference') thatRef: ElementRef;
接着当你点击标签时,触发事件来通过 this.thatRef.nativeElement.click()
触发 select 的点击事件?