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

时间:2015-09-09 08:49:40

标签: javascript html angularjs angularjs-ng-repeat

我想将我的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"
}
}
]
}
}

我必须绑定" Class" angularjs复选框中的值。

我写过的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>

我可以获得一个值为&#34; A&#34;的复选框。就像我想将Class中的所有值绑定到checkbox。

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

提前致谢..

1 个答案:

答案 0 :(得分:2)

如果我理解正确,那么你需要迭代$.get()

                    var lines = data.split('\n'),
                        tmptimestamp = '',
                        serie = {
                            name: seriesName,
                            data: [],
                            showInLegend:true
                        };

                    $.each(lines, function(lineNo, line) {
                        var items = line.split(',');

                        if ((lineNo && items[0].length) > 0) {
                            var date = items[0].split('-'),
                            timestamp = Date.UTC(parseFloat(date[2]),parseFloat(date[0])-1,parseFloat(date[1]));

                            serie.data.push({
                                x: timestamp,
                                y: parseFloat(items[1])
                            });
                        }
                    });

//Highcharts init