-1
votes

Comment obtenir la valeur de l'option sélectionnée sur Sélectionner

Je suis nouveau à angular et j'ai une sélection que sur sa sélection d'option, je souhaite modifier la route

Maintenant, je souhaite modifier l'itinéraire exactement après avoir sélectionné l'une des options, non en appuyant sur Entr après la sélection! tout corps peut aider? P>

<input type="text" name="" value="" class="form-control" matInput [formControl]="searchControl" [matAutocomplete]="auto" (change)="searchComponent($event)">
                <button class="search-btn"><fa-icon icon="search" class="fa-icon"></fa-icon></button>
                <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" class="animated fadeIn">
                    <mat-option *ngFor="let option of filteredOptions | async" [value]="option.name">
                        <a routerLink="/{{option.url}}">
                            {{option.name}}
                            {{option.id}}
                        </a>
                    </mat-option>
                </mat-autocomplete>


3 Réponses :


0
votes

Vous ne pouvez pas écouter les événements de l'option. L'événement ne tire pas dans tous les navigateurs (les seuls navigateurs qu'il fonctionne est Vous pouvez utiliser P>

<select ngModel (ngModelChange)="mySelectHandler($event)">
  <option *ngFor="let value of options" [ngValue]="value">{{value.text}}</option>
</select>


0 commentaires

0
votes
  <select [value]="myVal" (change)="changeRoute($event.target.value)">
     <option value="">Select Value</option>
     <option *ngFor="let obj of temp" [value]="obj">{{obj}}</option>
   </select>
in Change event you can trigger the select option change and you can write your route logic in changeRoute function

0 commentaires

0
votes

J'ai trouvé la solution! xxx

et dans la fonction de rechercheComponce: xxx

de cette façon, je reçois la valeur de l'option de match sur Sélection!


0 commentaires