角度添加标签到使用* ngFor创建的复选框

Question

我正在使用角度5

我正在使用以下代码创建多个复选框，并且需要给它们加上标签

<input type="checkbox" *ngFor = "let v of options[0].options" [value]="1" [name] = "1">

使用HTML时，我会使用

如何在* ngFor中使用标签并创建合适的标签？

谢谢

Answer 1

<label *ngFor = "let v of options[0].options">
    <input type="checkbox">
</label>

或者您可以使用ng-container

<ng-container *ngFor = "let v of options[0].options">
    <label for...></label>
    <input ...>
</ng-container>

Answer 2

您可以尝试此解决方案。

<div class="checkbox" *ngFor = "let v of options[0].options">
    <label>
        <input type="checkbox"  [value]="v.value">{{v.name}}
    </label>
</div>