角2で選択する既定値を追加

Question

Visual Studio 2017 ASP.NET角型Webアプリケーションテンプレートを使用してASP.NET Core 2.0でAngular 2アプリケーションを開発しています。

私は法を得るに戻り、私は私のアプリで使用している全ての法律（彼らは列挙型から来る）コントローラがあります。

[Route("api/[controller]")] 
public class LawController : Controller 
{ 
    [HttpGet] 
    public IEnumerable<Models.LawPresentation> Get() 
    { 
     List<LawPresentation> laws = new List<LawPresentation>(); 
     // Arrange 
     byte[] values = (byte[])Enum.GetValues(typeof(LawTypes)); 
     foreach (byte value in values) 
     { 
      string enumName = Enum.GetName(typeof(LawTypes), value); 
      LawPresentation law = new LawPresentation() 
      { 
       Value = value, 
       Name = enumName 
      }; 

      laws.Add(law); 
     } 

     return laws; 
    } 
} 

を、私は、これは、Aのすべてのこれらの値を示した構成要素であります選択：

<p *ngIf="!laws"><em>Loading...</em></p> 
Legislaciones:&nbsp; 
<select> 
    <option *ngFor="let l of laws" [ngValue]="l">{{l.name}}</option> 
</select> 

を私は、コントローラからそれがデフォルト値（空白オプション）を返さないと思う良いアイデアですので、私は、デフォルトのオプションを追加するためのHTMLコンポーネントに何かを追加することができる場合、私は思って。

htmlコンポーネントへの選択にデフォルトオプションを追加する方法はありますか？

Answer 1

私はこのような何かをするだろう：

<p *ngIf="!laws"><em>Loading...</em></p> 
Legislaciones:&nbsp; 
<select> 
    <option></option> 
    <option *ngFor="let l of laws" [ngValue]="l">{{l.name}}</option> 
</select> 

Answer 2

あなたは以下のようにデフォルトのオプションを追加することができます。 選択されたプロパティは、最初にオプションを選択します。 disableプロパティは、ユーザーが選択するオプションを制限します。 要件ごとに削除できます

<p *ngIf="!laws"><em>Loading...</em></p> 
Legislaciones:&nbsp; 
<select> 
    <option value="" selected disabled>SELECT</option> 
    <option *ngFor="let l of laws" [ngValue]="l">{{l.name}}</option> 
</select>