estoy recibiendo este error
Enlace de propiedad ngIf no utilizado por ninguna directiva en una plantilla incrustada. Asegúrese de que el nombre de la propiedad esté escrito correctamente y que todas las directivas estén enumeradas en "@NgModule.declarations".
Incluso tú funciona bien cuando ejecuto ng serve .
Empecé a recibir este error de compilación cuando actualicé angular a v13 .
Ya intenté reiniciar Vscode y reinstalar Angular Language Service e instalar una versión anterior de Angular Language Service ... Ninguno de ellos funciona...
Mi app.module.ts :
import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; @NgModule({ declarations: [AppComponent], imports: [CommonModule, BrowserModule, AppRoutingModule], providers: [], bootstrap: [AppComponent], exports: [CommonModule, BrowserModule], }) export class AppModule {}Me encontré con este error yo mismo hace un tiempo.
Lo busqué en la web y de acuerdo con este problema , es un problema con intellisense o indexación después de ejecutar ngcc y nada que ver con su código. Puede verificar mi declaración eliminando node_modules y package-lock.json y ejecutando npm i . Verá que los errores desaparecerán, pero cuando ejecute run serve o ng build , volverá a aparecer. De todos modos, su código se compilará y ejecutará sin problemas, pero verá ese error hasta que el equipo angular solucione este problema.
Como solución alternativa, puede envolverlo en un <ng-container> y (en algunos casos) solucionará el error, pero no lo hice yo mismo. Estoy esperando un parche de corrección de errores.
Prueba esto.
EN archivo .ts:
export class Helloworld implements OnInit { valid: boolean = false; ngOnInit(){ this.valid = true; } }En HTML
<div *ngIf="valid"> Hello World</div>Aquí, utilizando Structural Binding en Angular, podrá reconocer su propiedad "válida".