常用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错误
89 0
|
JavaScript 前端开发
|
Web App开发 JavaScript 前端开发
|
JavaScript 前端开发 容器
|
索引 图形学
|
JavaScript 前端开发
AngularJs-变量
Angularjs-变量 名字 : Hello {{name}} ...
781 0
|
JavaScript 前端开发 C#
《AngularJS高级程序设计》——5.4 定义并使用函数
除了演示函数如何定义,本例并没什么用,因为函数在其定义之后立即就被执行了。当函数为响应一些类型的改变或事件时被调用,它们才有用得多,比如用户界面(UI)。
1634 0