如何在角度的选择下拉框中给出默认值？

Question

我有一个菜单页面，但选项很少。当我单击任何选项时，该页面应重定向到登录页面。在登录页面中，我有一个选择下拉菜单，其中包含 4 个选项。根据菜单选择，我需要显示默认选择的选项。也就是说，如果我点击菜单中的供应商选项，我需要在登录页面中显示选择的供应商选项。

 <a [routerLink]="['/login', {'params': 2}]"> Go </a>

所以我只是在 URL 中传递一个参数，基于此我试图在登录页面中选择一个选项。

 <select name="role" class="form-control input-xs input-sm input-md" [(ngModel)]="role">
      <option *ngIf="{"params":"2"}" value="" disabled>Login as</option>
      <option  *ngIf="{"params":"3"}" value="1"  selected="selected" >Supplier</option>
      <option  *ngIf="{"params":"4"}" value="2"  selected="selected">Customer</option>
      <option  *ngIf="{"params":"5"}" value="3"  selected="selected">OEM</option>
    </select>

我没有得到预期的结果。有人可以帮我解决这个问题吗？

Answer 1

您的问题很笼统，但我提到了一个示例答案。希望对你有帮助。

在选择标签中，如果你想将一个值设置为默认值，你应该为它设置 selected="selected" 但在角度中，你可以将它用作动态并将它绑定到一个变量，如 [selected]="something = == 真”。

如果你写类似下面的东西，即

<select name="role" class="form-control input-xs input-sm input-md">
      <option value="" [selected]="myUrl === 'Login'">Login as</option>
      <option value="1" [selected]="myUrl === 'TSP'">TSP</option>
      <option value="2" [selected]="myUrl === 'Telemarketer'">Telemarketer</option>
      <option value="3" [selected]="myUrl === 'TRAI'">TRAI</option>
</select>

然后在你的打字稿文件public myUrl: string;中声明myUrl 现在只需将 myUrl 值设置为您希望其名称为默认值的每个路由。

另见Stackblitz

Answer 2

如果以下代码订单状态相同，则下拉菜单中将显示相同的选择。

{{ordsts.statusName}}