Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

HTML não compila com a sintaxe *ngIf="user$ / async as user"

Boa tarde, Após a aula do desenvolvimento do cabeçalho, meu código não compila, aparecendo vários erros, todos referentes ao HTML do componente, como se não estivesse reconhecendo essa sintaxe passada pelo professor. Seguem os erros:

Error: src/app/componentes/cabecalho/cabecalho.component.html:4:29 - error TS2339: Property 'async' does not exist on type 'CabecalhoComponent'.

4         <div *ngIf="user$ / async as user">
                              ~~~~~

Error: src/app/componentes/cabecalho/cabecalho.component.html:5:30 - error TS2339: Property 'name' does not exist on type 'number'.

5             <div *ngIf="user.name; else login">
                               ~~~~

Error: src/app/componentes/cabecalho/cabecalho.component.html:7:41 - error TS2339: 0mProperty 'name' does not exist on type 'number'.

7                 <a class="mr-1">{{ user.name }}</a>

Podem me ajudar?

2 respostas
solução!

Ôpa Allyson, como vai?

Neste caso está acontecendo o seguinte:

no trecho: <div *ngIf="user$ / async as user"> perceba que está utilizando barra / em vez de pipe | então é só substituir que vai dar certo.

<div *ngIf="user$ | async as user">

Espero ter ajudado.

Eita, daquelas coisas que vc olha, olha, olha e não vê! Alguém de fora bate o olho e enxerga na hora! hahaha Vlw cara!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software