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 :
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>
<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
J'ai trouvé la solution! et dans la fonction de rechercheComponce: p> de cette façon, je reçois la valeur de l'option de match sur Sélection! P> P>
Duplicaté possible de Option angulaire 2 Sélectionnez (Dropdown) - Comment obtenir la valeur sur le changement afin qu'il puisse être utilisé dans une fonction?