javascript - 在输入标签前移动文本三复选框不会消失

Question

• 如果我将文本移到输入标签前三处，当我第三次点击时复选框不会消失。
• 但是当我在输入标签后保留三个文本时，它工作正常。
• 你能告诉我如何解决吗？
• 在下面提供我的代码

https://stackblitz.com/edit/angular-w6tqvn?file=app/app.component.html

<label [ngClass]="{'is-multiple-of-3':multipleOf3}">
    <span  id="redSquare"></span>
three
<input type="checkbox" name="rememberLogin" id="buttonId"  (click)="open()"> 
</label>

Answer 1

当您在输入框之前保留文本时，它不会不起作用。这是因为在第一种情况下，您要为标签提供类，而在其他情况下，您要为跨度提供类。所以只需提供 [ngClass] 标签

<label [ngClass]="{'is-multiple-of-4':multipleOf4}">
    <span id="redSquare4"></span>
    <input type="checkbox" id="39" name="DownlinkSource" (click)="downlinkCheckBoxClick()"/> 
     4
</label>