温馨提示:本文翻译自stackoverflow.com,查看原文请点击:html - The checkbox next to the text does not get enabled on click, it's always the first one
angular html

html - 文本旁边的复选框不会在单击时启用,它始终是第一个

发布于 2020-03-31 23:29:13

在此处输入图片说明我使用引导网格将复选框和文本彼此相邻排列。但是,当我单击第一个复选框以外的文本框时,仅第一个复选框启用。如何在不扭曲订单的情况下启用各个复选框?


这是我的stackblitz网址

查看更多

提问者
Shivani
被浏览
10
Rounak Snehasis 2020-01-31 20:37

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>

希望对您有所帮助。

最新帖子

最新文章