Question

我正在尝试使用angular创建一个简单的登录功能，所以当我完成用户名和密码的输入后，我想检查返回值（用户名和密码），但是它没有用，什么时候都没有调用我点击了登录按钮。我已经将FormsModule导入“ app.module.ts”。这是我到目前为止的内容：

在login.component.ts中：

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-nav',
  templateUrl: './nav.component.html'
})
export class NavComponent implements OnInit {
  model: any = {} ;
  constructor() { }
  ngOnInit() {
}
login() {
   console.log(this.model);
  }
}

在login.component.html中：

 <form #loginForm="ngForm" class="form-inline my-2 my-lg-0" (ngSumbit)="login()">
    <input class="form-control mr-sm-2" type="text" name="username"  
     placeholder="Username" required [(ngModel)]="model.username" >

    <input class="form-control mr-sm-2" type="password" name="password" 
     placeholder="Password" required [(ngModel)]="model.password"  >

    <button class="btn btn-success my-2 my-sm-0"  type="submit">Login</button>
 </form>

请帮助。

Answer 1

您有错字：

(ngSumbit)="login()"
     ^^

应该是ngSu bm 它

无法获得模型的价值

1 个答案: