常用AngularJs代码段

发布时间:2019-11-09 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了常用AngularJs代码段脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。


一,ng-repeat/filter/orderby使用


数据结构:


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

总结

以上是脚本之家为你收集整理的常用AngularJs代码段全部内容,希望文章能够帮你解决常用AngularJs代码段所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。

脚本之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ” ,选择关注!
精选程序员所需精品干货内容!

标签: