tenho 2 campos select,preciso q quando eu selecionar um valor automaticamente ele selecione um array de opções para o outro
Home Component
eventAt:string=''
@Output() selecionaEvento = new EventEmitter<String>()
@Output() eventos:string[]=[
'ForumCientifico',
'RoadSec',
'MundoSenai'
]
ofForum:string[]=[
'IOTOficina',
'BigData',
'CoffeBreak'
]
ofRoad:string[]=[
'Drrone',
'LOCKPICK'
]
ofSenai:string[]=[
'Palestra sobre internet das coisas',
'LabAberto',
'IniciaçaoCientifica'
]
ofAtual:string[]=[]
eventoSelecionado(evento: String){
if(evento === "ForumCientifico") return this.ofAtual=this.ofForum
else if(evento === "RoadSec") return this.ofAtual=this.ofRoad
else if(evento === "MundoSenai") return this.ofAtual=this.ofSenai
Home HTML
<div *ngIf="eventos.length <= 0">
<p>Não Foram Encontrados Eventos</p>
</div>
<div *ngIf="eventos.length > 0">
<label class="col-md-4 control-label" for="evento">Selecione o evento</label>
<div class="col-md-6">
<select id="evento" name="evento" class="form-control" [(ngmodel)]="ofAtual">
<option *ngFor="let evento of eventos" [value]="evento">{{evento}}</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div *ngIf="eventos.length <= 0 || ofAtual.length <= 0">
<p>Não Temos Oficinas Disponiveis Para Este Evento.</p>
</div>
<div class="form-group">
<label class="col-md-4 control-label" for="oficina">Selecione a oficína</label>
<div class="col-md-6">
<select id="oficina" name="oficina" class="form-control">
<option *ngFor="let oficina of ofAtual">{{oficina}}</option>
</select>
</div>
</div>
</div>
Quero que ao selecionar um evento ele verifique o nome e selecione pela string