2017-06-21 114 views
3

我在我的角度2項目中使用反應形式進行驗證。我想突出顯示當按下「提交」時無效的字段。我已經通過使用md-Error在輸入標記中實現了這一點,但我無法在md-Select中執行此操作。任何人都可以幫忙嗎?如何在角度2中的材料選擇框中顯示md-error?

截圖:http://i.imgur.com/uOQbwaZ.png

這是我使用的MD-選擇一個例子:

<md-select placeholder="Listing Type" formControlName='listingType' required > 
       <md-option *ngFor="let type of listType" [value]="type"> 
       {{ type }} 
       </md-option> 
      </md-select> 

這是MD-輸入我使用:

<md-input-container class="more-width"> 
       <input mdInput formControlName='price' required placeholder="Price"> 
       <md-error>Please Enter Price</md-error> 
      </md-input-container> 

這是我申請的驗證

this.listingForm = this.fb.group({ 
     propertyType: ['', Validators.required] 
}) 
+0

請張貼一些代碼。 – hering

+0

用代碼示例 –

+0

更新了該文章[**請參閱此plunker **](http://plnkr.co/edit/LsvwDQeZOfNTljC5yjyq)。 – developer033

回答