在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5/ angular select 實現(xiàn)一級二級類目顯示在一個框內(nèi)

angular select 實現(xiàn)一級二級類目顯示在一個框內(nèi)

angular select 框點開后顯示成這樣
山西

  大同
  太原

陜西

  延安
  西安

后臺返回的數(shù)據(jù)就是這樣

[
{province:山西，
    data:[
    {city:大同},
    {city:太原}
    ]
 },
{
province:陜西，
    data:[
    {city:延安},
    {city:西安}
    ]
   }
]
回答
編輯回答
鐧簞噯

可以使用Angular的$http從后端提供的接口獲取數(shù)據(jù)，然后做前端視圖渲染。視圖渲染涉及到的指令有 ng-if , ng-repeat. 主要層級關(guān)系如下：

ng-if data && data.length > 0
    ng-repeat data.province
        ng-repeat data.data.city

結(jié)構(gòu)html部分：建議ul>li列表渲染省份，select>option渲染市（ul>li也行，看你個人需求了）
樣式css部分：默認(rèn)省份列表顯示，市列表隱藏；點擊時市列表顯示

2017年1月20日 06:58