美文网首页我爱编程
angular ,jq多级联动

angular ,jq多级联动

作者: _喵了个喵_ | 来源:发表于2017-08-07 17:53 被阅读0次

    var arr = [

    {

    FirstIndex : 1 ,

    FirstName : '夏季新品',

    SecondList : [

    {

    secondIndex : 1,

    secondName : '商场同款',

    thirdList : [

    {

    thirdIndex : 2,

    thirdName : '气质连衣裙'

    }

    ,

    {

    thirdIndex : 3,

    thirdName : '印花衬衫'

    }

    ,

    {

    thirdIndex : 4,

    thirdName : '牛仔单品'

    }

    ,

    {

    thirdIndex : 5,

    thirdName : '百搭休闲裤'

    }

    ,

    {

    thirdIndex : 6,

    thirdName : '无痕文胸'

    }

    ,

    {

    thirdIndex : 7,

    thirdName : '运动文胸'

    }

    ,

    {

    thirdIndex : 8,

    thirdName : '超柔内裤'

    }

    ,

    {

    thirdIndex : 9,

    thirdName : '潮流家居服'

    }

    ,

    {

    thirdIndex : 10,

    thirdName : '  百搭船袜'

    }

    ]

    },

    {

    secondIndex : 2,

    secondName : '连衣裙',

    thirdList : [

    {

    thirdIndex : 1,

    thirdName : '蕾丝连衣裙'

    },

    {

    thirdIndex : 2,

    thirdName : '真丝连衣裙'

    }

    ,

    {

    thirdIndex : 3,

    thirdName : '印花连衣裙'

    }

    ,

    {

    thirdIndex : 4,

    thirdName : '半身裙'

    }

    ,

    {

    thirdIndex : 5,

    thirdName : '蕾丝半身裙'

    }

    ,

    {

    thirdIndex : 6,

    thirdName : '百褶裙'

    }

    ,

    {

    thirdIndex : 7,

    thirdName : '牛仔裙'

    }

    ,

    {

    thirdIndex : 8,

    thirdName : 'a字裙'

    }

    ,

    {

    thirdIndex : 9,

    thirdName : '棉麻连衣裙'

    }

    ,

    {

    thirdIndex : 10,

    thirdName : '包臀裙'

    }

    ,

    {

    thirdIndex : 11,

    thirdName : '长袖连衣裙'

    }

    ]

    }

    ]

    }

    ];

    var app = angular.module('myApp',[]);

    app.controller('myCtrl',function ($scope)

    {

    $scope.data = arr;

    $scope.init = 8;

    $scope.ml = $scope.init;

    $scope.pushMore = function (index)

    {

    this.currentIndex = index;

    this.flag = !this.flag;

    }

    });

    相关文章

      网友评论

        本文标题:angular ,jq多级联动

        本文链接:https://www.haomeiwen.com/subject/omealxtx.html