<div class="_nc-app-list-wrap">
  <nz-input-group class="_nc-app-searcher" [nzPrefix]="prefixTpl">
    <ng-template #prefixTpl>
      <i nz-icon [nzType]="'search'"></i>
    </ng-template>
    <input nz-input
      [(ngModel)]="_appKeyword"
      [placeholder]="'请输入关键字'"
      (ngModelChange)="_searchApps($event)">
  </nz-input-group>

  <div class="_nc-app-list-content">
    <div class="_nc-app-group-wrap" *ngFor="let appGroup of _appGroups">
      <div class="_nc-app-group">{{ appGroup.name }}</div>
      <a class="_nc-app-item" *ngFor="let app of appGroup.children" [routerLink]="[ '/' + app.code ]">
        <span [title]="app.name">{{ app.name }}</span>
      </a>
    </div>
  </div>
</div>