добавление угловых меток к флажкам, созданным с помощью * ngFor

Question

Я использую угловой 5

Я использую следующий код для создания нескольких флажков, и мне нужно присвоить им ярлыки

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

При использовании HTML я бы использовал

Как я могу использовать метку в * ngFor и создавать подходящие метки?

Спасибо

Answer 1

Вы можете попробовать это решение.

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

Answer 2

<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>