select placeholder not work in form

[leeziiAtCn]

my component.ts

import {FormBuilder, FormGroup} from '@angular/forms'

@Component({
  selector: 'app-test',
  templateUrl: './test.component.html',
  styleUrls: ['./test.component.scss'],
})
export class TestComponent implements OnInit {
  validateForm: FormGroup

  constructor(private fb: FormBuilder) {
  }

  ngOnInit() {
    this.validateForm = this.fb.group({
      select: [null],
    })
  }
}

my template

<form nz-form [nzType]="'horizontal'" [formGroup]="validateForm">
  <div nz-form-item nz-row>
    <div nz-form-label nz-col [nzSpan]="6">
      <label nz-form-item-required>Select</label>
    </div>
    <div nz-form-control nz-col [nzSpan]="14">
      <nz-select formControlName="select" [nzSize]="'large'" [nzPlaceHolder]="'xx'">
        <nz-option [nzLabel]="'China'" [nzValue]="'China'"></nz-option>
        <nz-option [nzLabel]="'U.S.A'" [nzValue]="'U.S.A'"></nz-option>
      </nz-select>
    </div>
  </div>

</form>

I get this

this select placeholder 'xx' is not work

[vthinkxie]

nzShowSearch = true

[leeziiAtCn]

反人类啊老铁，为啥这么设计啊

[vthinkxie]

if there is no search input, there will be no place for placeholder.

[fsneak]

Please add this information into official documents.
https://ng.ant.design/#/components/select

[vthinkxie]

Hi all, this feature will be supported in next version.

[vlados]

@leeziiAtCn I am seeing that you include sass into the component but the ng-zorro-antd is based on less. Is it a typo or you made it ?

[vthinkxie]

@vlados angular cli support using both sass and less in one project.

[lock]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.