私はいつもドロップダウンで空の値を持っています

Question

私は文字列のリストから単純なドロップダウンを表示しています。私はそれを持っていなくても、空のドロップダウンオプションはいつも持っています。画像

//predefined values for brandingSpaceType 
private brandingSpaceTypeValues: string[] = ["Mobile Shop", "Supermarket", 
"Shop In Shop", "Shop On Wheel", "Kiosk", "Others"] 
private selectedBrandingSpaceType: string = this.brandingSpaceTypeValues[2]; 

そして、ここに示されているように、HTML

<div class="field"> 
<select class="form-control" [(ngModel)]="selectUndefinedOptionValue" 
name="brandingSpaceType" [disabled]="brandingSpaceTypeStatus.readonly"> 
<option [selected]="selectedBrandingSpaceType == x" *ngFor="let x of 
brandingSpaceTypeValues" [value]="x">{{x}}<option> 
</select>{{selectUndefinedOptionValue}} 
</div> 

Answer 1

問題は、あなたのhtmlです。あなたは、それは間違いなくあなたの問題を解決します、これを試してみてください適切</option>

<option [selected]="selectedBrandingSpaceType == x" *ngFor="let x of 
brandingSpaceTypeValues" [value]="x">{{x}}</option> 

のようなあなたのオプションタグを閉じる必要があります。

Answer 2

はちょうどあなたの選択

<option disabled hidden style='display: none' value=''></option> 

• disabledにこれを追加するのは、オプションがunclickableなります。
• style='display: none'古いブラウザでは表示されません。

---

<div class="field"> 

<select class="form-control" [(ngModel)]="selectUndefinedOptionValue" 
name="brandingSpaceType" [disabled]="brandingSpaceTypeStatus.readonly"> 

<option disabled hidden style='display: none' value=''></option> 

<option [selected]="selectedBrandingSpaceType == x" *ngFor="let x of 
brandingSpaceTypeValues" [value]="x">{{x}}<option> 

</select>{{selectUndefinedOptionValue}} 
</div>