ドロップダウンの選択された属性が、角度4のnameプロパティで機能していません。

Question

角度4のドロップダウンで選択した属性が機能していません。しかし、名前プロパティを削除すると正しく動作します（ただし、別のエラーが発生しています） 私を助けてください。ここで

は私component.htmlコード念、あなたが<form>を使用している作る

<div class="col-md-4 col-sm-4 col-xs-4"> 
 
    <div class="form-group FormComponents"> 
 
     <select class="form-control" id="employeeType" [(ngModel)]="EmployeeType" name="EmployeeType"> 
 
      <option selected>Select Employee</option> 
 
      <option *ngFor="let nation of Countries" value="{{nation.C_ID}}">{{nation.C_NAME}}</option> 
 
     </select> 
 
    </div> 
 
</div>

Answer 1

Angularは通常のHTMLとは動作が異なります。

オプションを角度で選択するには、選択する値を選択するオプションに設定する必要があります。あなたの場合：

youtはコンポーネントのTSで

<select class="form-control" id="employeeType" [(ngModel)]="EmployeeType" name="EmployeeType"> 
    <option value="">Select Employee</option> 
    <option *ngFor="let nation of Countries" value="{{nation.C_ID}}">{{nation.C_NAME}}</option> 
</select> 

：私は私はまだのみhtmlページ（UIデザイン）をdesiging開始し、このエラーを発見した@SandipJaiswal

EmployeeType = ''; 

Answer 2

のですか？ <form>を使用していない場合は、name="employeetype"は必要ありません。 <form>を使用している場合は下が表示され、そうでない場合はname="employeetype"を削除してください。

<div class="col-md-4 col-sm-4 col-xs-4"> 
    <div class="form-group FormComponents"> 
     <select class="form-control" id="employeeType" [(ngModel)]="EmployeeType" name="employeetype"> 
      <option selected>Select Employee</option> 
      <option *ngFor="let nation of Countries" [value]="nation.C_ID">{{nation.C_NAME}}</option> 
     </select> 
    </div> 
</div>