我使用引导网格将复选框和文本彼此相邻排列。但是,当我单击第一个复选框以外的文本框时,仅第一个复选框启用。如何在不扭曲订单的情况下启用各个复选框?
这是我的stackblitz网址
stackblitz无法正常工作,但是您可以尝试做的一件事就是使复选框的ID唯一,例如component-
public routes=[{"id":1, "place":"Chennai - 500085/Madhapur, TS"}, {"id":2,
"place":"chennai-mumbai"}, {"id":3, "place":"chennai-madhapur"}, {"id":4,
"place":"chennai-secundrabad"}];
html-
<div class="col-sm-1" style="margin-top: 10px;">
<mat-checkbox class="check-style" id="route.id"></mat-checkbox>
</div>
<div class="col-sm-10">
<div class="routesList">
{{route.place}}
</div>
</div>
希望对您有所帮助。