Tengo este código html, que pertenece a un select dinámico que construyo como resultado de una info. que me llega de una api rest
<div class="row">
<div class="col s12 m6">
<div class="card">
<div class="card-content black-text">
<h6><strong>Server</strong></h6>
<select type="number" [(ngModel)]="optionSelect" id="serverSelectServer">
<option value="All">All servers</option>
<option *ngFor="let xserver of serversCodifiers" [ngValue]="xserver.name">{{ xserver.name }}</option>
</select>
</div>
</div>
</div>
</div>
Este es mi component.ts
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { DatabaseService } from '../services/database.service';
import { Server } from '../model/server';
import { HttpErrorResponse } from '@angular/common/http';
import { Database } from '../model/database';
import { $ } from 'protractor';
@Component({
selector: 'app-xserver',
templateUrl: './xserver.component.html',
styleUrls: ['./xserver.component.css']
})
export class XserverComponent implements OnInit {
serversCodifiers : Server[];
databases : Database[];
public loading : boolean;
optionSelect : any;
constructor(private router : Router , private databaseService : DatabaseService) {
this.loading = true;
}
ngOnInit() {
this.databaseService.getAllServersNew().subscribe((data:any)=>{
this.serversCodifiers = data;
this.loading = false;
this.databases = this.serversCodifiers[0].data;
},(err : HttpErrorResponse)=>{
console.log(err);
});
}
Logout(){
localStorage.removeItem('userToken');
this.router.navigate(['/login']);
}
}
Mi problema es que necesito obtener el valor de lo que se selecciona en el select para en base a eso poder actualizar los datos que muestro en la tabla , y no sé porque no obtengo el valor , estoy usando para contruir la visual Materializecss , a parte de eso , la inicialización del componente me dio problemas , y tuve que hacer una función javascript para que se me actualizara el componente.
Acá la muestro por si tiene algo que ver . De antemano muchas gracias.
var initSelect3 = true;
$(document).on("focus" , "input.select-dropdown[value='All servers']", function(){
if(initSelect3){
$('#serverSelectServer').material_select();
initSelect3 = false;
$("input.select-dropdown[value='All servers']").click();
}
});