Почему моя реактивная форма не работает в Angular 19? ⇐ Html

[Anonymous]

Я изучаю угловой и пытаюсь создать реактивную форму для аутентификации пользователей. Чтобы указать, если я добавил мою фирму, я добавил {{loginform.value | json} . Но, похоже, это не работает. Когда я что -то вводит во ввод, корреспондент поле JSON не меняется. Я попытался изменить способ, которую формируется в компоненте, изменение силы, но ничего не работает.
ниже код компонента. < /P>
Шаблон < /p>



Login



Value: {{ LoginForm.value | json }}
Пароль



Password




Value {{ LoginForm.value }}

Увійти
< /code>
компонент < /p>
import { Component, OnInit } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { CommonModule } from '@angular/common';
import {MatInputModule} from '@angular/material/input';
import {MatFormFieldModule} from '@angular/material/form-field';
import {FormsModule, ReactiveFormsModule,FormControl, FormGroup, FormBuilder } from '@angular/forms';

@Component({
selector: 'app-loginpage',
imports: [RouterOutlet,
FormsModule,
ReactiveFormsModule,
CommonModule,
MatFormFieldModule,
MatInputModule],
templateUrl: './loginpage.component.html',
styleUrl: './loginpage.component.css',
standalone: true
})

export class LoginpageComponent {

constructor(private fb: FormBuilder) {};

LoginForm!: FormGroup;
// LoginForm = new FormGroup ({

// loginFormControl: new FormControl(''),
// passwordFormControl: new FormControl('')

// });

ngOnInit(): void {
this.LoginForm = this.fb.group (
{
loginFormControl: new FormControl(''),
passwordFormControl: new FormControl('')
}
)
}

}



Подробнее здесь: https://stackoverflow.com/questions/794 ... angular-19