我们可以为type =＆＃34;复选框＆＃34;设置复选框图像。使用angularjs进行ng-repeat

Question

嘿我正在尝试使用ng-repeat设置输入类型=“复选框”的复选框图像。我做了造型部分一切都很好但是当我设置ng-repeat时它只适用于第一个列表 这是我的css文件

input[type=checkbox] {
    display:none;
}

  input[type=checkbox] + label {
  padding-left: 23px; height:21px;
background: url(/Content/images/check1-off.png) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size:16px; font-weight:600;
color:#ffffff;
text-decoration:none;
margin-bottom: 0px;
display: inline;
}

  input[type=checkbox]:checked + label{
     padding-left: 23px; height:21px;
background: url(/Content/images/check1-on.png) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size:16px; font-weight:600;
color:#ffffff;
text-decoration:none;
  margin-bottom: 0px;   
   display: inline;
}

基本上我正在尝试使用此example，但它也不适用于ng-repeat和im检索数据库中的值。任何人都可以帮助我，我对这个问题很感兴趣。图片为

Answer 1

你能发布你的htmlcode吗？我猜这个问题就在于你的id值......它必须是唯一的。因此，即id =“radiobutton1”应为id =“radibutton {{$ index}}”。但发布你的htmlcode并生病给出更好的答案。