Javascript 添加默认值以选择角度2

我正在使用Visual Studio 2017 ASP.NET Angular Web应用程序模板开发具有ASP.NET Core 2.0的Angular 2应用程序

我有一个控制器，其方法get返回我在应用程序中使用的所有法规（它们来自枚举）：

[路由（“api/[控制器]”）]
公共类控制器：控制器
{
[HttpGet]
公共IEnumerable Get（）
{
列表法则=新列表（）；
//安排
byte[]values=（byte[]）Enum.GetValues（typeof（LawTypes））；
foreach（值中的字节值）
{
字符串enumName=Enum.GetName（typeof（LawTypes），value）；
LawPresentation law=新的LawPresentation（）
{
值=值，
Name=enumName
};
增加（法律）；
}
回归法；
}
}

I这是在选择框中显示所有这些值的组件：

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

正在加载

立法机关：
{{l.name}

我认为从控制器返回默认值（空白选项）不是一个好主意，因此我想知道是否可以向html组件添加一些东西来添加默认选项

---

有没有办法将默认选项添加到html组件的select中？

我会这样做：

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

正在加载

立法机关：
{{l.name}

您可以添加一个默认选项，如下所示。 选定的属性将使选项在初始时处于选中状态。 “禁用”属性将限制用户选择的选项。 您可以根据需要移除它们

<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>

正在加载

立法机关：
挑选
{{l.name}

<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>