我有一个使用Angular创建的简单登录组件,如下所示。
<div class="form">
<form (submit) = "loginUser($event)">
<input type="text" placeholder="username"/>
<input type="password" placeholder="password"/>
<button type = "submit">login</button>
</form>
</div>
点击此按钮时,我希望能够将数据打印到控制台,这就是我添加此功能的原因。
<form (submit) = "loginUser($event)">
这是同一个组件的 .ts 文件的外观。
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-login-form',
templateUrl: './login-form.component.html',
styleUrls: ['./login-form.component.css']
})
export class LoginFormComponent implements OnInit {
constructor() { }
ngOnInit() {
}
loginUser(e){
var username = e.target.elements[0].value;
var password = e.target.elements[1].value;
console.log(username,password);
}
}
当我查看控制台时,我没有看到输入的用户名和密码。我做错了什么吗?