Angular2：應該選擇「選擇」選項，默認情況下是可見的

在angular2中面臨選擇選項的問題。默認情況下，它未被選中並可見。它在IE瀏覽器中工作，但不在其他瀏覽器中。Angular2：應該選擇「選擇」選項，默認情況下是可見的

country.html：

<label class="control-label col-sm-offset-1 col-sm-2 bodySmall" for="country">Country:</label> 
       <div class="col-sm-3" [ngClass]="{ 'has-error': country.errors && (country.dirty || country.touched)}"> 
        <select class="form-control bodySmall" id="country" [(ngModel)]="model.country" name="country" #country="ngModel" required> 
         <!--required--> 

         <option value="" selected="selected">--Please select a Country--</option> 
         <option *ngFor="let c of countries" [value]="c">{{c}}</option> 
        </select> 
        <div *ngIf="country.errors && (country.dirty || country.touched)" class="help-block"> 
         <div [hidden]="!country.errors.required">Country is required.</div> 
        </div> 
       </div>

來源

2017-04-10 Om Chaturvedi

如果你想有一個不可選擇項（用戶不能手動選擇），在默認情況下預選，然後再嘗試這樣的事：

<option disabled hidden [value]="undefined">Please select a Country</option>

如果您未填充有效值，則[value]=undefined可以使其預選。禁用和隱藏使選項不能由用戶手動選擇。

來源

2017-04-10 11:43:34

泰勒感謝您的幫助.. –

如果要設置默認值應用：

<option disabled selected value>-- Please select a Country --</option>

如果你已經默認值組件裝在上SELECTEDCOUNTRY初始化加：

<option *ngFor="let c of countries" [selected]="selectedCountry == 'c'" >{{c}}</option>

來源

2017-04-10 11:58:33 playerone

Angular2：應該選擇「選擇」選項，默認情況下是可見的

回答

相關問題