Я изучаю угловой и пытаюсь создать реактивную форму для аутентификации пользователей. Чтобы указать, если я добавил мою фирму, я добавил {{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
