Как задать значение по умолчанию в выпадающем списке выбора в угловых? - PullRequest
Новая
       7

Как задать значение по умолчанию в выпадающем списке выбора в угловых?

0 голосов
/ 26 августа 2018

У меня есть страница меню, и у меня есть несколько вариантов. Когда я нажимаю любую опцию, страница должна перенаправляться на страницу входа. Где на странице входа у меня есть выпадающий список, который содержит 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>

Я не получаю ожидаемого результата. Может ли кто-нибудь помочь мне с этим?

1 Ответ

0 голосов
/ 26 августа 2018

Ваш вопрос настолько общий, но я привожу пример ответа.Я надеюсь, что это может помочь вам.

В теге select, если вы хотите установить значение по умолчанию, вы должны установить selected = "selected" для него, но в угловом, вы можете использовать его как динамический и привязать его кпеременная типа [selected] = "что-то === 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>

Затем объявите myUrl в вашем файле машинописи public myUrl: string; Теперь просто установите значение myUrl для каждого маршрута, для которого вы хотите, чтобы его имя использовалось по умолчанию.

См. Также Stackblitz

...