Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Service para geração do Unique ID - Angular/[email protected]

Referente ao curso Angular: design de componentes com acessibilidade, no capítulo Acessibilidade e atividade Faça como eu fiz

por Guilherme
| 27.6k xp | 2 posts

estou acompanhando o curso, e me adaptando às alteração necessários para as versões mais recentes do angular. Estava indo bem até chegar na parte do service gerador de Unique Id. Já assisti a aula umas 5 vezes e não consigo entender onde errei de forma que o código não funciona... Poderia me iluminar?

import { Injectable } from '@angular/core';
import * as uuid from 'uuid';
@Injectable({
  providedIn: 'root'
})
export class UniqueIdService {
  public generateUniqueIdWithPrefix(prefix:string){
    const UniqueId = this.generateUniqueId()
    return `${prefix}-${UniqueId}`
  }
  private generateUniqueId:string{
    return uuid.v1()
  }

}
2 respostas
solução!
por Nayanne Batista
| 305k xp | 378 posts
Instrutor Instrutora

Olá Guilherme, tudo joia?

Qual o erro que aparece pra você?

Conferi seu código do service e está faltando a tipagem do retorno do primeiro método, que o professor coloca como string. 

public generateUniqueIdWithPrefix(prefix:string): string {
    const uniqueId = this.generateUniqueId()
    return `${prefix}-${uniqueId}`
}

E também precisa colocar os parênteses no método generateUniqueId:

private generateUniqueId():string{
    return uuid.v1();
  }

Pode ser que seja esse o problema.

Mas caso não resolva, compartilhe por favor o código do arquivo yes-no-button-group.component.ts, vi que nessa mesma aula o professor faz modificações nele também.

Espero ter ajudado, bons estudos!

por Guilherme
| 27.6k xp | 2 posts

Oi Nay, apliquei aqui o que você me passou e funcionou normalmente o código, obrigado. Eu olhava e olhava novamente o código e simplesmente não conseguia notar que não inseri esse detalhe. Muito obg