常用AngularJs代码段

简介: 一,ng-repeat/filter/orderby使用    数据结构:{ "result":true, "ItemWeekIndex":"第二周", "Content":[ { "weekIndex":1, ...


一,ng-repeat/filter/orderby使用

  

 数据结构:


{
    "result":true,
    "ItemWeekIndex":"第二周",
    "Content":[
        {
            "weekIndex":1,
            "courseInfo":"11教501高等数学",
            "periodTimesIndex":1
        },
        {
            "weekIndex":1,
            "courseInfo":"11教232大学英语(一)",
            "periodTimesIndex":2
        },
        {
            "weekIndex":1,
            "courseInfo":"11教232食品安全学",
            "periodTimesIndex":4
        },
        {
            "weekIndex":2,
            "courseInfo":"11教232乳制品工艺学",
            "periodTimesIndex":1
        },
        {
            "weekIndex":2,
            "courseInfo":"11教232大学英语(二)",
            "periodTimesIndex":2
        },
        {
            "weekIndex":2,
            "courseInfo":"11教232计算机基础(一)",
            "periodTimesIndex":4
        },
        {
            "weekIndex":3,
            "courseInfo":"11教234人体解剖学",
            "periodTimesIndex":2
        },
        {
            "weekIndex":3,
            "courseInfo":"11教234植物资源学",
            "periodTimesIndex":3
        },
        {
            "weekIndex":3,
            "courseInfo":"11教234花卉栽培技术",
            "periodTimesIndex":4
        },
        {
            "weekIndex":4,
            "courseInfo":"11教234植物衰老生物学",
            "periodTimesIndex":2
        },
        {
            "weekIndex":5,
            "courseInfo":"11教234文献检索",
            "periodTimesIndex":3
        }
    ]
}


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


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


    






目录
相关文章
|
JavaScript
AngularJs错误
AngularJs错误
95 0
|
JavaScript 前端开发
|
JavaScript 前端开发 容器
|
索引 图形学
|
JSON 数据格式 前端开发
|
JavaScript 前端开发
AngularJs-变量
Angularjs-变量 名字 : Hello {{name}} ...
789 0
|
JavaScript 前端开发 存储
《AngularJS高级程序设计》——2.2 使用AngularJS
对于要创建的基本功能来说,todo.html文件中的静态HTML目前仅作为占位符使用。用户应该能看到待办事项的列表,勾选掉已完成的事项,并创建新事项。在下面各节中,我打算将AngularJS加进来,并应用一些基本特性来为我的待办事项应用赋予生命。
1588 0