Angular не выводит информацию

Question

Пытаюсь вывести логин и пароль пользователя,но Angular выдает ошибку.

users.component.html

<table>
    <tr *ngFor="let Users of Users">
      <td> Login: {{Users.Login}}</td>
      <td> Password: {{Users.password}}</td>
    </tr>
</table>

users.component.ts

import { Component } from '@angular/core';
import { Users } from '../../models/Users';

@Component({
  selector: 'app-users',
  imports: [],
  templateUrl: './users.component.html',
  styleUrl: './users.component.css'
})
export class UsersComponent {
 Users: Users[] = [{login: "Bob", password: "12345"}]
}

Компонент используется, но он не хочет выводить.

Answer 1

У вас просто ошибка в цикле, вы дали переменной перечисления то же самое имя, что и массиву

*ngFor="let Users of Users"

Исправленный вариант:

<tr *ngFor="let User of Users">
  <td> Login: {{User.Login}}</td>
  <td> Password: {{User.password}}</td>
</tr>

БЛОГ НА HUSL

Angular не выводит информацию

Ответы (1 шт):