动态绑定angularjs复选框中的json数据

Question

我想将我的 json 数据数组绑定到 angularjs 复选框。 我是这项技术的新手，所以我无法找出解决我的场景的确切方法。 我有如下的 json 数据

{
"hits":{
"total":3695,
"hits":[
{
"_type":"School",
"_source":{
"message":[
"HIGH"
],
"Class":"A"
}
},
{
"_type":"School",
"_source":{
"message":[
"HIGH"
],
"Class":"B"
}
},
{
"_type":"School",
"_source":{
"message":[
"HIGH"
],
"Class":"C"
}
}
]
}
}

我必须在 angularjs 复选框中绑定“Class”值。

我写的 angularjs 代码是，

$scope.listofschoolname = response;
<label ng-repeat="ModelName in listofschoolname ">
                      <input type="checkbox" ng-model="ModelName.checked"  size="10" /> {{ModelName.hits.hits[0]._source.Class}} 
                  </label>

我可以得到一个值为“A”的复选框。 就像那样，我想将 Class 中的所有值绑定到复选框。

注意：我得到的 json 响应本质上是动态的，有时它有 10 个类值（A、B、C、D、E 等），有时它只有一个类值（A），基于我的复选框计数和值应改变。

提前致谢..

Answer 1

如果我理解正确，那么您需要遍历listofschoolname.hits.hits

$scope.listofschoolname = response;

<label ng-repeat="ModelName in listofschoolname.hits.hits ">
    <input type="checkbox" ng-model="ModelName.checked" size="10"/> {{ModelName._source.Class}} 
</label>