Como faz pra eu colocar um spinner num botão e esse spinner sumir só quando os dados forem enviados.... Casos os dados não forem enviados ou dar algum problema no servidor o spinner fica lá carregando. Estou a uns dia tentando e não conisgo. Quem pode ajudar agradeço.
cadastro.component.ts
salvar(){
this.servico.cadastrar(this.foto).subscribe(()=>{
this.mensagem = `Cadastro feito com sucesso`;
this.foto = new FotoComponent();
setTimeout(()=> this.mensagem ='',
2000)});
} }
cadastro.component.html
<form (ngSubmit)="salvar()" class="col-sm-6">
<div class="form-group">
<label>Título</label>
<input name ="titulo" [(ngModel)]="foto.titulo" class="form-control" />
</div>
<div class="form-group">
<label>URL</label>
<input name="url" [(ngModel)]="foto.url" class="form-control" />
</div>
<div class="form-group">
<label>Descrição</label>
<textarea
class="form-control"
name="descricao"
[(ngModel)]="foto.descricao"
>{{ foto.descricao }}</textarea
>
</div>
<button type="submit" class="btn btn-default">Salvar</button>
<a [routerLink]="['']" class="btn btn-default">Voltar</a>
</form>