angular二級聯動菜單


<!doctype html>
<html lang="en" ng-app='App'>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src='../angular-1.3.9/angular.js'></script>
    <style>
        *{
            list-style:none;
            margin: 0;
            padding: 0;
            -webkit-box-sizing: border-box;
        }
        .listbox{
            width: 200px;
            margin: 0 auto;
            border: 1px solid #333;
            height: auto;
            float: left;
        }
        .listbox ul{
            width: 100%;
            height: auto;
            border-bottom:1px solid #ccc;
            box-shadow: 2px 2px 3px #000; 
        }
        .listbox ul p{
            width: 100%;
            height: 32px;
            line-height: 30px;
            color: #333;
            border-bottom: 1px solid #333;
            text-indent: 10px;
        }
        .listbox ul li{
            width: 100%;
            height: 30px;
            line-height: 30px;
            border-bottom: 1px solid #ccc;
            text-indent: 10px;
            cursor:pointer;
        }
    </style>
</head>
<body ng-controller='modulecont'>
    <div class='listbox'>
        <ul>
            <p ng-click='toggle($event,$index)' data-id='{{cityId}}'>{{title}}</p>
            <li ng-repeat='i in list' ng-show='aa' ng-click='toggle($event,$index)'>{{i.name}}</li>
        </ul>        
    </div>
    <div class='listbox'>
        <ul>
            <p ng-click='toggle1($event,$index)' data-idx='{{cityIdx}}'>{{title1}}</p>
            <li ng-repeat='i in list1' ng-show='bb' ng-click='toggle1($event,$index)'>{{i.name}}</li>
        </ul>        
    </div>
    

    <script>
        var datasrc = {
                        "localArea":[{"name":"朝陽","id":1142,"paramname":"localDiduan","option":[{"name":"國貿","id":1195,"pid":1142},{"name":"CBD ","id":6834,"pid":1142},{"name":"大望路","id":5785,"pid":1142},{"name":"四惠","id":5786,"pid":1142},{"name":"雙井","id":5779,"pid":1142},{"name":"勁松","id":1199,"pid":1142},{"name":"潘家園","id":5780,"pid":1142},{"name":"廣渠門","id":5990,"pid":1142},{"name":"建外大街","id":5988,"pid":1142},{"name":"東大橋","id":6830,"pid":1142},{"name":"工體","id":5826,"pid":1142},{"name":"朝外大街","id":6017,"pid":1142},{"name":"京廣橋","id":1202,"pid":1142},{"name":"團結湖","id":7559,"pid":1142},{"name":"朝陽公園","id":5999,"pid":1142},{"name":"呼家樓","id":1207,"pid":1142},{"name":"三里屯","id":1198,"pid":1142},{"name":"麥子店","id":6001,"pid":1142},{"name":"燕莎","id":1200,"pid":1142},{"name":"三元橋","id":1194,"pid":1142},{"name":"國展","id":7560,"pid":1142},{"name":"西壩河","id":7561,"pid":1142},{"name":"柳芳","id":7566,"pid":1142},{"name":"和平街","id":5784,"pid":1142},{"name":"左家庄","id":7564,"pid":1142},{"name":"太陽宮","id":6014,"pid":1142},{"name":"芍葯居","id":7550,"pid":1142},{"name":"安貞","id":1204,"pid":1142},{"name":"亞運村","id":1193,"pid":1142},{"name":"安慧橋","id":5992,"pid":1142},{"name":"小關","id":7563,"pid":1142},{"name":"北沙灘","id":7565,"pid":1142},{"name":"奧運村","id":5994,"pid":1142},{"name":"大屯","id":5993,"pid":1142},{"name":"亞運村小營","id":6828,"pid":1142},{"name":"望京","id":1203,"pid":1142},{"name":"來廣營","id":6012,"pid":1142},{"name":"媒體村","id":12211,"pid":1142},{"name":"花家地","id":6019,"pid":1142},{"name":"北苑","id":5782,"pid":1142},{"name":"大山子","id":7551,"pid":1142},{"name":"酒仙橋","id":1206,"pid":1142},{"name":"甘露園","id":12179,"pid":1142},{"name":"首都機場","id":6002,"pid":1142},{"name":"東壩","id":6011,"pid":1142},{"name":"姚家園","id":6010,"pid":1142},{"name":"水碓子","id":6021,"pid":1142},{"name":"甜水園","id":6832,"pid":1142},{"name":"朝青板塊","id":6833,"pid":1142},{"name":"石佛營","id":6006,"pid":1142},{"name":"十里堡","id":5997,"pid":1142},{"name":"紅廟","id":6018,"pid":1142},{"name":"百子灣","id":7558,"pid":1142},{"name":"高碑店","id":6940,"pid":1142},{"name":"定福庄","id":6835,"pid":1142},{"name":"雙橋","id":11367,"pid":1142},{"name":"慈雲寺","id":12197,"pid":1142},{"name":"常營","id":6009,"pid":1142},{"name":"管庄","id":5781,"pid":1142},{"name":"南磨房","id":6005,"pid":1142},{"name":"垡頭","id":5998,"pid":1142},{"name":"豆各庄","id":6004,"pid":1142},{"name":"十八里店","id":6003,"pid":1142},{"name":"小紅門","id":6838,"pid":1142},{"name":"十里河","id":12945,"pid":1142},{"name":"惠新西街","id":13695,"pid":1142},{"name":"將台路","id":7562,"pid":1142},{"name":"八里庄","id":14036,"pid":1142},{"name":"歡樂谷","id":14068,"pid":1142},{"name":"惠新里","id":14576,"pid":1142},{"name":"南沙灘","id":18328,"pid":1142},{"name":"農業展覽館","id":18766,"pid":1142},{"name":"勝古","id":16081,"pid":1142},{"name":"朝陽周邊","id":1208,"pid":1142},{"name":"健翔橋","id":15334,"pid":1142},{"name":"松榆里","id":15335,"pid":1142},{"name":"孫河","id":15336,"pid":1142},{"name":"華威橋","id":15377,"pid":1142}]},{"name":"海淀","id":1143,"paramname":"localDiduan","option":[{"name":"中關村","id":1196,"pid":1143},{"name":"北京大學","id":1236,"pid":1143},{"name":"清華大學","id":1237,"pid":1143},{"name":"五道口","id":5788,"pid":1143},{"name":"上地","id":1238,"pid":1143},{"name":"西三旗","id":5790,"pid":1143},{"name":"西二旗","id":11365,"pid":1143},{"name":"清河","id":5791,"pid":1143},{"name":"二里庄","id":6817,"pid":1143},{"name":"學院路","id":1241,"pid":1143},{"name":"知春路","id":5789,"pid":1143},{"name":"牡丹園","id":6819,"pid":1143},{"name":"小西天","id":6851,"pid":1143},{"name":"北航","id":7554,"pid":1143},{"name":"北太平庄","id":5792,"pid":1143},{"name":"薊門橋","id":5985,"pid":1143},{"name":"雙榆樹","id":5967,"pid":1143},{"name":"人民大學","id":6714,"pid":1143},{"name":"皂君廟","id":7552,"pid":1143},{"name":"大鍾寺","id":5981,"pid":1143},{"name":"魏公村","id":1239,"pid":1143},{"name":"交通大學","id":12196,"pid":1143},{"name":"白石橋","id":7556,"pid":1143},{"name":"紫竹橋","id":1243,"pid":1143},{"name":"花園橋","id":5977,"pid":1143},{"name":"北窪路","id":7433,"pid":1143},{"name":"航天橋","id":5975,"pid":1143},{"name":"甘家口","id":1246,"pid":1143},{"name":"軍博","id":6822,"pid":1143},{"name":"公主墳","id":1245,"pid":1143},{"name":"廠窪","id":15172,"pid":1143},{"name":"玉泉路","id":15592,"pid":1143},{"name":"萬壽路","id":6716,"pid":1143},{"name":"五棵松","id":5979,"pid":1143},{"name":"永定路","id":5970,"pid":1143},{"name":"西八里庄","id":1244,"pid":1143},{"name":"定慧寺","id":7555,"pid":1143},{"name":"田村","id":5969,"pid":1143},{"name":"四季青","id":6717,"pid":1143},{"name":"香山","id":6715,"pid":1143},{"name":"世紀城","id":5982,"pid":1143},{"name":"蘇州橋","id":5983,"pid":1143},{"name":"蘇州街","id":6818,"pid":1143},{"name":"萬泉河","id":5974,"pid":1143},{"name":"增光路","id":12195,"pid":1143},{"name":"萬柳","id":7553,"pid":1143},{"name":"西苑","id":6924,"pid":1143},{"name":"馬連窪","id":5968,"pid":1143},{"name":"西北旺","id":5787,"pid":1143},{"name":"車道溝","id":14573,"pid":1143},{"name":"西山","id":14574,"pid":1143},{"name":"萬壽寺","id":14575,"pid":1143},{"name":"明光橋","id":14756,"pid":1143},{"name":"安寧庄","id":14892,"pid":1143},{"name":"學院路北","id":16082,"pid":1143},{"name":"溫泉","id":18168,"pid":1143},{"name":"肖家河","id":15895,"pid":1143},{"name":"五彩城","id":18330,"pid":1143},{"name":"海淀周邊","id":1247,"pid":1143},{"name":"金溝河","id":15331,"pid":1143},{"name":"恩濟里","id":15332,"pid":1143},{"name":"五路居","id":15333,"pid":1143},{"name":"聯想橋","id":15376,"pid":1143}]},{"name":"東城","id":1138,"paramname":"localDiduan","option":[{"name":"東直門","id":1156,"pid":1138},{"name":"東直門外","id":5823,"pid":1138},{"name":"和平里","id":1159,"pid":1138},{"name":"雍和宮","id":5816,"pid":1138},{"name":"安定門","id":5817,"pid":1138},{"name":"交道口","id":5819,"pid":1138},{"name":"東四十條","id":5820,"pid":1138},{"name":"海運倉","id":6847,"pid":1138},{"name":"北新橋","id":5818,"pid":1138},{"name":"朝陽門","id":1158,"pid":1138},{"name":"建國門","id":5821,"pid":1138},{"name":"北京站","id":5822,"pid":1138},{"name":"王府井","id":1160,"pid":1138},{"name":"景山","id":1157,"pid":1138},{"name":"燈市口","id":6849,"pid":1138},{"name":"沙灘 ","id":6848,"pid":1138},{"name":"東單","id":5825,"pid":1138},{"name":"東四","id":5824,"pid":1138},{"name":"東城周邊","id":1161,"pid":1138}]},{"name":"西城","id":1139,"paramname":"localDiduan","option":[{"name":"西直門","id":1174,"pid":1139},{"name":"車公庄","id":5804,"pid":1139},{"name":"官園","id":7568,"pid":1139},{"name":"百萬庄","id":6852,"pid":1139},{"name":"阜成門","id":5795,"pid":1139},{"name":"西四","id":5797,"pid":1139},{"name":"展覽路","id":5796,"pid":1139},{"name":"月壇","id":1172,"pid":1139},{"name":"金融街","id":6040,"pid":1139},{"name":"西單","id":1173,"pid":1139},{"name":"德勝門","id":5801,"pid":1139},{"name":"六鋪炕","id":6044,"pid":1139},{"name":"積水潭","id":5805,"pid":1139},{"name":"新街口","id":5798,"pid":1139},{"name":"馬甸","id":5803,"pid":1139},{"name":"鼓樓","id":1175,"pid":1139},{"name":"地安門","id":5799,"pid":1139},{"name":"復興門","id":6041,"pid":1139},{"name":"西便門","id":5794,"pid":1139},{"name":"南禮士路","id":1171,"pid":1139},{"name":"什剎海","id":5800,"pid":1139},{"name":"木樨地","id":6042,"pid":1139},{"name":"三里河","id":6043,"pid":1139},{"name":"真武廟","id":15170,"pid":1139},{"name":"西城周邊","id":1177,"pid":1139}]},{"name":"崇文","id":1140,"paramname":"localDiduan","option":[{"name":"崇文門","id":1180,"pid":1140},{"name":"前門","id":1178,"pid":1140},{"name":"新世界","id":6063,"pid":1140},{"name":"廣渠門","id":6062,"pid":1140},{"name":"東花市","id":1182,"pid":1140},{"name":"法華寺","id":6853,"pid":1140},{"name":"體育館路","id":1183,"pid":1140},{"name":"磁器口","id":6064,"pid":1140},{"name":"天壇","id":1179,"pid":1140},{"name":"永定門","id":1184,"pid":1140},{"name":"龍潭湖","id":1181,"pid":1140},{"name":"光明樓","id":6061,"pid":1140},{"name":"崇文周邊","id":1185,"pid":1140}]},{"name":"宣武","id":1141,"paramname":"localDiduan","option":[{"name":"廣安門外","id":6858,"pid":1141},{"name":"廣安門內","id":6857,"pid":1141},{"name":"天寧寺","id":6060,"pid":1141},{"name":"馬連道","id":5842,"pid":1141},{"name":"紅蓮","id":6854,"pid":1141},{"name":"白紙坊","id":5835,"pid":1141},{"name":"南菜園","id":6855,"pid":1141},{"name":"大觀園","id":5148,"pid":1141},{"name":"白廣路","id":5147,"pid":1141},{"name":"牛街","id":1162,"pid":1141},{"name":"長椿街","id":5839,"pid":1141},{"name":"宣武門","id":5151,"pid":1141},{"name":"椿樹街道","id":6856,"pid":1141},{"name":"菜市口","id":5149,"pid":1141},{"name":"陶然亭","id":1163,"pid":1141},{"name":"珠市口","id":5838,"pid":1141},{"name":"虎坊橋","id":5150,"pid":1141},{"name":"天橋","id":5837,"pid":1141},{"name":"大柵欄","id":5841,"pid":1141},{"name":"和平門","id":5836,"pid":1141},{"name":"宣武周邊","id":1164,"pid":1141}]},{"name":"豐台","id":1144,"paramname":"localDiduan","option":[{"name":"西客站","id":6024,"pid":1144},{"name":"太平橋","id":5130,"pid":1144},{"name":"六里橋","id":6022,"pid":1144},{"name":"豐台路","id":5128,"pid":1144},{"name":"青塔","id":6035,"pid":1144},{"name":"岳各庄","id":6034,"pid":1144},{"name":"盧溝橋","id":5129,"pid":1144},{"name":"長辛店","id":5131,"pid":1144},{"name":"雲崗","id":7567,"pid":1144},{"name":"北大地","id":6030,"pid":1144},{"name":"豐台體育館","id":6039,"pid":1144},{"name":"麗澤橋","id":6037,"pid":1144},{"name":"科技園區","id":6031,"pid":1144},{"name":"世界公園","id":6861,"pid":1144},{"name":"新宮","id":13579,"pid":1144},{"name":"花鄉","id":6038,"pid":1144},{"name":"玉泉營","id":1212,"pid":1144},{"name":"菜戶營","id":6028,"pid":1144},{"name":"西羅園","id":5136,"pid":1144},{"name":"右安門","id":5134,"pid":1144},{"name":"草橋","id":6032,"pid":1144},{"name":"洋橋","id":6023,"pid":1144},{"name":"木樨園","id":6025,"pid":1144},{"name":"新發地","id":11380,"pid":1144},{"name":"趙公口","id":6026,"pid":1144},{"name":"嘉園","id":7437,"pid":1144},{"name":"劉家窯","id":6027,"pid":1144},{"name":"蒲黃榆","id":6036,"pid":1144},{"name":"左安門","id":6033,"pid":1144},{"name":"方庄","id":1213,"pid":1144},{"name":"東鐵匠營","id":5140,"pid":1144},{"name":"豐益橋","id":15171,"pid":1144},{"name":"看丹橋","id":15548,"pid":1144},{"name":"成壽寺","id":6029,"pid":1144},{"name":"宋家庄","id":6859,"pid":1144},{"name":"大紅門","id":5137,"pid":1144},{"name":"七里庄","id":11821,"pid":1144},{"name":"馬家堡","id":5135,"pid":1144},{"name":"五里店","id":11820,"pid":1144},{"name":"角門","id":6860,"pid":1144},{"name":"南苑","id":9046,"pid":1144},{"name":"東高地","id":5139,"pid":1144},{"name":"和義","id":11454,"pid":1144},{"name":"蓮花池","id":13434,"pid":1144},{"name":"豐台周邊","id":5141,"pid":1144},{"name":"總部基地","id":15551,"pid":1144}]},{"name":"通州","id":1147,"paramname":"localDiduan","option":[{"name":"北關","id":5811,"pid":1147},{"name":"北關環島","id":6899,"pid":1147},{"name":"永順","id":5145,"pid":1147},{"name":"新華大街","id":2639,"pid":1147},{"name":"通州北苑","id":5142,"pid":1147},{"name":"八里橋","id":6056,"pid":1147},{"name":"果園","id":5808,"pid":1147},{"name":"九棵樹","id":5809,"pid":1147},{"name":"梨園","id":5144,"pid":1147},{"name":"土橋","id":5810,"pid":1147},{"name":"臨河里","id":6055,"pid":1147},{"name":"中倉","id":6047,"pid":1147},{"name":"西門","id":5806,"pid":1147},{"name":"喬庄","id":6057,"pid":1147},{"name":"東關","id":7569,"pid":1147},{"name":"運河大街","id":7439,"pid":1147},{"name":"玉橋","id":5807,"pid":1147},{"name":"張家灣","id":6049,"pid":1147},{"name":"八通輕軌沿線","id":2638,"pid":1147},{"name":"武夷花園","id":6900,"pid":1147},{"name":"潞城","id":7438,"pid":1147},{"name":"馬駒橋","id":6051,"pid":1147},{"name":"漷縣","id":12210,"pid":1147},{"name":"次渠","id":14583,"pid":1147},{"name":"永樂店","id":18254,"pid":1147},{"name":"通州周邊","id":5146,"pid":1147}]},{"name":"石景山","id":1145,"paramname":"localDiduan","option":[{"name":"八寶山","id":1228,"pid":1145},{"name":"玉泉路","id":6865,"pid":1145},{"name":"魯谷","id":6065,"pid":1145},{"name":"永樂","id":6069,"pid":1145},{"name":"衙門口","id":6864,"pid":1145},{"name":"八角","id":5843,"pid":1145},{"name":"老山","id":6945,"pid":1145},{"name":"楊庄 ","id":6863,"pid":1145},{"name":"古城","id":1229,"pid":1145},{"name":"蘋果園","id":1230,"pid":1145},{"name":"金頂街","id":6066,"pid":1145},{"name":"模式口","id":6862,"pid":1145},{"name":"五里坨","id":6068,"pid":1145},{"name":"西山","id":6944,"pid":1145},{"name":"八大處","id":6070,"pid":1145},{"name":"廣寧","id":14577,"pid":1145},{"name":"石景山周邊","id":1231,"pid":1145}]},{"name":"房山","id":6808,"paramname":"localDiduan","option":[{"name":"長陽","id":6906,"pid":6808},{"name":"良鄉","id":6866,"pid":6808},{"name":"閻村","id":7440,"pid":6808},{"name":"迎風","id":6946,"pid":6808},{"name":"竇店","id":6867,"pid":6808},{"name":"房山城關","id":11373,"pid":6808},{"name":"琉璃河","id":12178,"pid":6808},{"name":"韓村河","id":7441,"pid":6808},{"name":"燕山","id":12177,"pid":6808},{"name":"周口店","id":14757,"pid":6808},{"name":"房山周邊","id":6869,"pid":6808}]},{"name":"昌平","id":1150,"paramname":"localDiduan","option":[{"name":"天通苑","id":2641,"pid":1150},{"name":"立水橋","id":5834,"pid":1150},{"name":"東小口","id":6059,"pid":1150},{"name":"霍營","id":5828,"pid":1150},{"name":"小湯山","id":5827,"pid":1150},{"name":"北七家","id":5833,"pid":1150},{"name":"回龍觀","id":2640,"pid":1150},{"name":"龍澤","id":6898,"pid":1150},{"name":"城北","id":5829,"pid":1150},{"name":"沙河","id":5153,"pid":1150},{"name":"百善","id":5832,"pid":1150},{"name":"陽坊","id":6058,"pid":1150},{"name":"南口","id":5152,"pid":1150},{"name":"城南","id":5830,"pid":1150},{"name":"昌平縣城","id":7425,"pid":1150},{"name":"南邵鎮","id":15540,"pid":1150},{"name":"昌平周邊","id":5154,"pid":1150}]},{"name":"大興","id":6809,"paramname":"localDiduan","option":[{"name":"亦庄","id":6872,"pid":6809},{"name":"舊宮 ","id":6871,"pid":6809},{"name":"郁花園","id":7480,"pid":6809},{"name":"同興園","id":6878,"pid":6809},{"name":"西紅門","id":6870,"pid":6809},{"name":"興華大街","id":6873,"pid":6809},{"name":"清源","id":7431,"pid":6809},{"name":"興豐大街","id":6874,"pid":6809},{"name":"海子角","id":6877,"pid":6809},{"name":"黃村","id":7570,"pid":6809},{"name":"興業大街","id":6948,"pid":6809},{"name":"觀音寺","id":6876,"pid":6809},{"name":"濱河","id":6875,"pid":6809},{"name":"林校路","id":7426,"pid":6809},{"name":"棗園","id":18329,"pid":6809},{"name":"龐各庄","id":14578,"pid":6809},{"name":"生物醫葯基地","id":18828,"pid":6809},{"name":"瀛海鎮","id":16013,"pid":6809},{"name":"高米店","id":16124,"pid":6809},{"name":"大興周邊","id":6881,"pid":6809}]},{"name":"順義","id":6810,"paramname":"localDiduan","option":[{"name":"勝利","id":7571,"pid":6810},{"name":"石園","id":6884,"pid":6810},{"name":"天竺","id":6885,"pid":6810},{"name":"新國展","id":6887,"pid":6810},{"name":"機場","id":7572,"pid":6810},{"name":"南彩","id":6888,"pid":6810},{"name":"馬坡","id":7432,"pid":6810},{"name":"后沙峪","id":6882,"pid":6810},{"name":"李橋","id":6886,"pid":6810},{"name":"光明 ","id":6883,"pid":6810},{"name":"裕龍","id":12180,"pid":6810},{"name":"建新","id":12181,"pid":6810},{"name":"楊鎮","id":11452,"pid":6810},{"name":"順義城區","id":11353,"pid":6810},{"name":"中央別墅區","id":12182,"pid":6810},{"name":"順義周邊","id":6889,"pid":6810}]},{"name":"密雲","id":6811,"paramname":"localDiduan","option":[{"name":"密雲城區","id":6913,"pid":6811},{"name":"不老屯","id":6907,"pid":6811},{"name":"溪翁庄","id":6908,"pid":6811},{"name":"密雲周邊","id":6891,"pid":6811}]},{"name":"懷柔","id":6812,"paramname":"localDiduan","option":[{"name":"雁棲","id":6909,"pid":6812},{"name":"橋梓","id":6912,"pid":6812},{"name":"懷柔城區","id":6910,"pid":6812},{"name":"渤海鎮","id":6911,"pid":6812},{"name":"廟城","id":14579,"pid":6812},{"name":"懷柔周邊","id":6892,"pid":6812}]},{"name":"延慶","id":6813,"paramname":"localDiduan","option":[{"name":"延慶城區","id":6914,"pid":6813},{"name":"大榆樹","id":6915,"pid":6813},{"name":"八達嶺","id":7443,"pid":6813},{"name":"康庄","id":18255,"pid":6813},{"name":"延慶周邊","id":6893,"pid":6813}]},{"name":"平谷","id":6814,"paramname":"localDiduan","option":[{"name":"金海湖","id":6916,"pid":6814},{"name":"濱河路","id":7445,"pid":6814},{"name":"平谷城區","id":6917,"pid":6814},{"name":"興谷","id":14581,"pid":6814},{"name":"漁陽","id":14582,"pid":6814},{"name":"王辛庄","id":14580,"pid":6814},{"name":"平谷周邊","id":6894,"pid":6814}]},{"name":"門頭溝","id":6815,"paramname":"localDiduan","option":[{"name":"大峪","id":6895,"pid":6815},{"name":"東辛房","id":6918,"pid":6815},{"name":"龍泉","id":7444,"pid":6815},{"name":"城子街道 ","id":6896,"pid":6815},{"name":"永定","id":6919,"pid":6815},{"name":"潭柘寺","id":6922,"pid":6815},{"name":"軍庄","id":6920,"pid":6815},{"name":"門頭溝周邊","id":6897,"pid":6815}]},{"name":"燕郊","id":11362,"paramname":"localDiduan","option":[{"name":"大廠","id":18371,"pid":11362},{"name":"潮白河","id":18370,"pid":11362},{"name":"東市區","id":18368,"pid":11362},{"name":"迎賓路","id":18367,"pid":11362},{"name":"城區","id":18369,"pid":11362},{"name":"燕順路","id":18366,"pid":11362}]},{"name":"北京周邊","id":1146,"paramname":"localDiduan","option":[{"name":"香河","id":11363,"pid":1146},{"name":"涿州","id":15759,"pid":1146},{"name":"三河","id":11364,"pid":1146},{"name":"永清","id":18765,"pid":1146},{"name":"固安","id":15008,"pid":1146}]}]
                     }
        var App=angular.module('App',[])
        App.controller('modulecont',function($scope){
            $scope.list=datasrc.localArea;
            $scope.title='請選擇';
            $scope.title1='請選擇';
            $scope.cityId='0';
            $scope.aa = false;
            $scope.bb = false;
            $scope.toggle = function toggle(e,index) {
                e.preventDefault();
                if(index!==undefined){
                    $scope.title=datasrc.localArea[index].name;
                    $scope.cityId=datasrc.localArea[index].id;
                    $scope.list1=datasrc.localArea[index].option;
                    $scope.title1='請選擇';
                }
                $scope.aa = !$scope.aa;
            }
            $scope.toggle1 = function toggle(e,index) {
                e.preventDefault();
                if(index!==undefined){
                    $scope.title1=$scope.list1[index].name;
                    $scope.cityIdx=$scope.list1[index].id;
                }
                $scope.bb = !$scope.bb;
            }            
        })
    </script>
</body>
</html>

angular實現的二級菜單聯動。

閑着沒事完善了一下下拉菜單。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM