Json AngularJS ng重复分组不工作
我有一个XML文件Json AngularJS ng重复分组不工作,json,angularjs,group-by,ng-repeat,Json,Angularjs,Group By,Ng Repeat,我有一个XML文件 <Data> <Student> <ID>121</ID> <Surname>STEVE</Surname> <Forename>SMITH</Forename> <Year>2003</Year> <Attendance>76</Attendance> <CGPA>4.2</C
<Data>
<Student>
<ID>121</ID>
<Surname>STEVE</Surname>
<Forename>SMITH</Forename>
<Year>2003</Year>
<Attendance>76</Attendance>
<CGPA>4.2</CGPA>
</Student>
<Student>
<ID>121</ID>
<Surname>STEVE</Surname>
<Forename>SMITH</Forename>
<Year>2004</Year>
<Attendance>87</Attendance>
<CGPA>4.3</CGPA>
</Student>
<Student>
<ID>122</ID>
<Surname>DAVID</Surname>
<Forename>JHONSON</Forename>
<Year>2007</Year>
<Attendance>82</Attendance>
<CGPA>4.5</CGPA>
</Student>
<Student>
<ID>122</ID>
<Surname>DAVID</Surname>
<Forename>JHONSON</Forename>
<Year>2008</Year>
<Attendance>68</Attendance>
<CGPA>3.2</CGPA>
</Student>
</Data>
我尝试了很多,但都做不到,因为网络上没有一个例子和我的完全一样。下面是我目前正在尝试的
<div ng-repeat="student in dataSet" class="resultwrapper">
<h2>{{studentstudent.ID}} {{student.Surname}} {{student.Forename}}</h2>
<div ng-repeat="Year in student">
{{student.Year}}
</div>
<div ng-repeat="Attendance in student">
{{student.Attendance}}
</div>
<div ng-repeat="CGPA in student">
{{student.CGPA}}
</div>
</div>
请给我一些建议。非常感谢。。
Ming Hai展示xml到json的转换代码。嗨,Charlie,我已经用xml到json的代码编辑了这个问题。。谢谢…不熟悉
X2JS
。您确实有太多的ng repeat
。下面是我将如何使用jQUery来实现它。您只需重复主数组,而不是每个属性都需要查看转换中的console.log(json)
的外观,以帮助您了解更多信息。。但是,您的代码两次显示一个学生ID。我只想让史蒂夫·史密斯展示一次。。他全年的详细资料需要在史蒂夫·史密斯的标题下显示
<div ng-repeat="student in dataSet" class="resultwrapper">
<h2>{{studentstudent.ID}} {{student.Surname}} {{student.Forename}}</h2>
<div ng-repeat="Year in student">
{{student.Year}}
</div>
<div ng-repeat="Attendance in student">
{{student.Attendance}}
</div>
<div ng-repeat="CGPA in student">
{{student.CGPA}}
</div>
</div>
var AppController = function($scope,DataSource) {
var SOURCE_FILE = "data.xml";
xmlTransform = function(data) {
console.log("transform data");
var x2js = new X2JS();
var json = x2js.xml_str2json( data );
return json.Data.Student;
};
setData = function(data) {
$scope.dataSet = data;
};
DataSource.get(SOURCE_FILE,setData,xmlTransform);
};