как сделать приложение как дочерний выпадающий список в angular zorro - PullRequest
Новая
       43

как сделать приложение как дочерний выпадающий список в angular zorro

0 голосов
/ 08 мая 2020

вот код: https://stackblitz.com/edit/angular-6zvbjl-3mlnb3?file=src / app / app.component.ts

HTML

<nz-dropdown class="filter-dropdown" [nzTrigger]="'click'" nzPlacement="bottomRight">
      <a nz-dropdown nz-tooltip>
        {{ activeFilter.filterBy }}
      </a>
      <ul nz-menu>
        <li class="filter-dropdown-item" nz-menu-item>Application
          <i nz-icon *ngIf="activeFilter.filterBy=='Application'" nzTheme="outline"></i>
        </li>
      </ul>
    </nz-dropdown>

TS 

listOfPosition: NzPlacementType[] = ['bottomLeft', 'bottomCenter', 'bottomRight', 'topLeft', 'topCenter', 'topRight'];

  activeFilter = {
    filterBy: 'Application',
  };

  appList = [{
    name: 'App1'
  },{
    name: 'App2'
  },{
    name: 'App3'
  },{
    name: 'App4'
  },{
    name: 'App5'
  },{
    name: 'App6'
  },{
    name: 'App7'
  },{
    name: 'App8'
  },{
    name: 'App9'
  },{
    name: 'App10'
  }]

Как добавить список приложений, чтобы application был выпадающим. так и должно быть. enter image description here

, и когда он щелкнет раскрывающееся меню приложения, оно будет таким: enter image description here

список в раскрывающемся списке дочерних элементов должен можно ограничить до 5 элементов, после чего он станет прокручиваемым.

...