angular ,jq多級聯(lián)動(dòng)

var arr = [

{

FirstIndex : 1 ,

FirstName : '夏季新品',

SecondList : [

{

secondIndex : 1,

secondName : '商場同款',

thirdList : [

{

thirdIndex : 2,

thirdName : '氣質(zhì)連衣裙'

}

,

{

thirdIndex : 3,

thirdName : '印花襯衫'

}

,

{

thirdIndex : 4,

thirdName : '牛仔單品'

}

,

{

thirdIndex : 5,

thirdName : '百搭休閑褲'

}

,

{

thirdIndex : 6,

thirdName : '無痕文胸'

}

,

{

thirdIndex : 7,

thirdName : '運(yùn)動(dòng)文胸'

}

,

{

thirdIndex : 8,

thirdName : '超柔內(nèi)褲'

}

,

{

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;

}

});

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容