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

鍍金池/ 問答/HTML5  HTML/ angular怎么對(duì)select的option循環(huán)樹形下拉菜單？

angular怎么對(duì)select的option循環(huán)樹形下拉菜單？

圖片描述

[
      name : "游戲",
      children : [
            {
                  name : "王者榮耀"
            }，
            {
                  name : "絕地求生"
            }
      ]
]
<select class="form-control">
    <option *ngFor="let g of gameList;">
          {{g.name}}
          
    </option>
    
</select>

有什么寫法能實(shí)現(xiàn)圖中的demo嗎？
如果在option標(biāo)簽里面寫div。是不換行的。

回答
編輯回答
凝雅

不行。我沒用過 Angular，不過這里至少不能用 <select> 來實(shí)現(xiàn)。你可以考慮自己實(shí)現(xiàn)一個(gè)組件來做。

2018年7月15日 20:06
編輯回答
任她鬧

同意一樓的建議，select是沒法達(dá)到這種效果。自己可以寫組件。應(yīng)該有較多的插件可以達(dá)到你的需求。也可以參照別人寫的組件自己寫個(gè)適用自己的

2017年10月9日 01:42
編輯回答
笑浮塵

最好用ul>li代替吧，然后根據(jù)自己需要的樣式寫css

data:[
      name : "游戲",
      children : [
            {
                  name : "王者榮耀"
            }，
            {
                  name : "絕地求生"
            }
      ]
]

<span>{{data.name}}</span>
<ul>
  <li>data.name</li>
  <li *ngFor="let g of data.children" >
    ------{{ g.name }}
  </li>
</ul>

給ul加一個(gè)ngIf判斷顯示隱藏，span加click事件控制

2018年2月17日 13:29
編輯回答
清夢(mèng)

那你也可看看用特殊字符構(gòu)造這個(gè)樹php好像經(jīng)常會(huì)這么搞就是像樹但是全部攤開。不能折疊，

2018年8月23日 22:52