簡體   English   中英

動態綁定angularjs復選框中的json數據

[英]Bind json data in angularjs checkbox dynamically

我想將我的 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),基於我的復選框計數和值應改變。

提前致謝..

如果我理解正確,那么您需要遍歷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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM