ng-zorro nz-select的placeholder问题

写的有placeholder,但是怎么也不显示。看了文档写的也一样啊!
我是在nz-form表单里用到的nz-select:
代码如下:

     <nz-form-item>
        <nz-form-control>
          <nz-select id="type" formControlName="type"  nzPlaceHolder="请选择交易类型">
              <nz-option nzValue="zc" nzLabel="支出"></nz-option>
              <nz-option nzValue="sr" nzLabel="收入"></nz-option>
          </nz-select>
        </nz-form-control>
      </nz-form-item>
image.png

代码看起来没有毛病,但是效果如图,并没有显示。
重点来了!

   this.filterForm = this.fb.group({
     type: [' ', [Validators.required]],  //----> 这里我初始化的是 ' ',错误
   });

但是这样不对,正确的是初始化为 null,

this.filterForm = this.fb.group({
     type: [null, [Validators.required]],  //----> 正确
   });

推荐阅读更多精彩内容