Tengo un problema con un tutorial en la web que según (y digo según, por que todo va bien hasta este momento) hace funcionar el código de angular con la directiva ngfor
; sin embargo cuando yo lo replico parece no funcionar.
El código es bastante simple no tiene mucha ciencia, este es:
<h1>{{title}}</h1>
<form>
<input type="text" name="nombre" [(ngModel)]="nombre"><br />
<input type="text" name="apellido" [(ngModel)]="apellido"><br />
<input type="submit" name="registrar" (click)="Register()"><br />
</form>
<br />
<p *ngIf="registered; else notregistered">{{message}} con el nombre de {{nombre}} {{apellido}}</p>
<ng-template #notregistered>
<p>nadie registrado</p>
</ng-template>
<br />
<br />
<ul>
<li *ngFor='let entry of entrys'>{{entry.title}}</li>
</ul>
Y el archivo .ts es este:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'Registro';
message = '';
registered = false;
nombre:string = "";
apellido:string = "";
entrys: object[];
constructor() {
this.entrys=[
{title:"hola1"},
{title:"hola2"},
{title:"hola3"},
{title:"hola4"},
{title:"hola5"},
{title:"hola6"},
]
}
Register() {
this.registered = true;
this.message = "user registered"
}
}
Es en el archivo .html
donde me marca el error, justo hasta abajo donde esta el {{entry.title}}
y el error que me marca Vs code es el siguiente:
Property 'title' does not exist on type 'object'.
Aquí cabe preguntarse... ¿qué esta mal?
Ps. el video del que les hablo es este https://www.youtube.com/watch?v=nAMX042tfhU&t=673s muchas gracias de antemano