Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

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!