常用AngularJs代码段

一，ng-repeat/filter/orderby使用

 数据结构：

1. {  

2.     "result":true,  

3.     "ItemWeekIndex":"第二周",  

4.     "Content":[  

5.         {  

6.             "weekIndex":1,  

7.             "courseInfo":"11教501高等数学",  

8.             "periodTimesIndex":1  

9.         },  

10.         {  

11.             "weekIndex":1,  

12.             "courseInfo":"11教232大学英语(一)",  

13.             "periodTimesIndex":2  

14.         },  

15.         {  

16.             "weekIndex":1,  

17.             "courseInfo":"11教232食品安全学",  

18.             "periodTimesIndex":4  

19.         },  

20.         {  

21.             "weekIndex":2,  

22.             "courseInfo":"11教232乳制品工艺学",  

23.             "periodTimesIndex":1  

24.         },  

25.         {  

26.             "weekIndex":2,  

27.             "courseInfo":"11教232大学英语(二)",  

28.             "periodTimesIndex":2  

29.         },  

30.         {  

31.             "weekIndex":2,  

32.             "courseInfo":"11教232计算机基础(一)",  

33.             "periodTimesIndex":4  

34.         },  

35.         {  

36.             "weekIndex":3,  

37.             "courseInfo":"11教234人体解剖学",  

38.             "periodTimesIndex":2  

39.         },  

40.         {  

41.             "weekIndex":3,  

42.             "courseInfo":"11教234植物资源学",  

43.             "periodTimesIndex":3  

44.         },  

45.         {  

46.             "weekIndex":3,  

47.             "courseInfo":"11教234花卉栽培技术",  

48.             "periodTimesIndex":4  

49.         },  

50.         {  

51.             "weekIndex":4,  

52.             "courseInfo":"11教234植物衰老生物学",  

53.             "periodTimesIndex":2  

54.         },  

55.         {  

56.             "weekIndex":5,  

57.             "courseInfo":"11教234文献检索",  

58.             "periodTimesIndex":3  

59.         }  

60.     ]  

61. }  

    其中 ，content内放到是本周课表：weekIndex是周几，periodTimesIndex是第几节课，现在筛选本周每天第一节课，并按照顺序weekIndex排列：

1. <div class="col" ng-repeat="FirstLesson in weekLesson.Content | filter:{periodTimesIndex:1}:false | orderBy:weekIndex">{{FirstLesson.courseInfo}}</div>