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]],  //----> 正确
   });