寫的有placeholder,但是怎么也不顯示拆檬。看了文檔寫的也一樣巴椎省竟贯!
我是在nz-form表單里用到的nz-select:
代碼如下:
<nz-form-item>
<nz-form-control>
<nz-select id="type" formControlName="type" nzPlaceHolder="請(qǐng)選擇交易類型">
<nz-option nzValue="zc" nzLabel="支出"></nz-option>
<nz-option nzValue="sr" nzLabel="收入"></nz-option>
</nz-select>
</nz-form-control>
</nz-form-item>
代碼看起來沒有毛病,但是效果如圖逝钥,并沒有顯示屑那。
重點(diǎn)來了!
this.filterForm = this.fb.group({
type: [' ', [Validators.required]], //----> 這里我初始化的是 ' '艘款,錯(cuò)誤
});
但是這樣不對(duì)持际,正確的是初始化為 null,
this.filterForm = this.fb.group({
type: [null, [Validators.required]], //----> 正確
});