Question

login.component.html代码

dist

当我保存此HTML页面时，ngmodel和click事件从页面中消失，页面自动转换为普通的HTML页面，如下所示：

<div>
<input type="text" [ngmodel]="username">
<input type="text" [ngmodel]="password">
<button type="submit" (click)="logincheck()">
</div>

为什么<!DOCTYPE HTML> <html> <body> <div> <input type="text"> <input type="text"> <button type="submit" ></div> </body> <html>页面错过了ngmodel和点击事件？

Answer 1

ngmodel的正确语法是[（ngModel）]。

（click）处理程序在幕后注册，它不会在html中显示。

Answer 2

按钮需要输入“按钮”而不是“提交”。提交搞砸点击处理。

Answer 3

您的按钮类型是提交，因此当您点击它时会触发您的案例中不存在的onSubmit（）事件，因此您必须在提交表单或使用单击正常按钮上的事件，下面是两种方法如何工作的明显示例：

方法1：使用表单提交

<form   (ngSubmit)="logincheck(f)" #f="ngForm">
   <input type="text" [ngModel]="username">
   <input type="text" [ngModel]="password">
   <button type="submit">
</form>

方法2：使用简单的点击事件

<div>
    <input type="text" [ngModel]="username">
    <input type="text" [ngModel]="password">
    <button type="button" (click)="logincheck()">
</div>

（单击）事件到按钮不是workimg

3 个答案: