Question

我有一个菜单页面，而且我没有什么选择。当我单击任何选项时，该页面应重定向到登录页面。在登录页面的哪里，我有一个select下拉列表，其中包含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

您的问题是如此普遍，但是我提到了一个示例答案。希望它能对您有所帮助。

在select标记中，如果您想将值设置为默认值，则应为其设置selected =“ selected”，但在成角度时，可以将其用作动态值并将其绑定到诸如[selected] =“ something = == true”。

如果您在下面写下类似的内容

<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

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

如何在angular的选择下拉框中提供默认值？

2 个答案: