
    <div class="example-input">
      <nz-input-group nzSize="large" [nzSuffix]="suffixIcon">
        <input
          placeholder="input here"
          nz-input
          [(ngModel)]="inputValue"
          (ngModelChange)="onChange($event)"
          [nzAutocomplete]="auto"
        />
      </nz-input-group>
      <ng-template #suffixIcon>
        <nz-icon nzType="search" />
      </ng-template>
      <nz-autocomplete #auto>
        @for (group of optionGroups; track group.title) {
          <nz-auto-optgroup [nzLabel]="groupTitle">
            <ng-template #groupTitle>
              <span>
                {{ group.title }}
                <a class="more-link" href="https://www.google.com/search?q=ng+zorro" target="_blank">更多</a>
              </span>
            </ng-template>
            @for (option of group.children; track option.title) {
              <nz-auto-option [nzLabel]="option.title" [nzValue]="option.title">
                {{ option.title }}
                <span class="certain-search-item-count">{{ option.count }} 人 关注</span>
              </nz-auto-option>
            }
          </nz-auto-optgroup>
        }
      </nz-autocomplete>
    </div>
  