javascript - Angular 4 - 在标签点击时打开选择

Question

如何在点击label时打开select？

<label>filter per category: <span>{{ articleListService.selectedCategory }}</span></label>
<select #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>

谢谢你的帮助，我迷路了

Answer 1

问得好，这更像是 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>

• 有关如何使用 for with 标签的更多引用，请参阅官方 MDN on labels .