(клик) событие для кнопки не работает - PullRequest
Новая
       1

(клик) событие для кнопки не работает

0 голосов
/ 08 мая 2018

код login.component.html 

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

Когда я сохраняю эту HTML-страницу, событие ngmodel и click исчезают со страницы, и страница автоматически преобразуется в обычную HTML-страницу, например: 

<!DOCTYPE HTML>
<html>
<body>
<div>
<input type="text">
<input type="text">
<button type="submit" ></div>
</body>
<html>

Почему ngmodel и событие щелчка пропущены на странице login.component.html?

Ответы [ 3 ]

0 голосов
/ 08 мая 2018

Кнопка должна быть типа «кнопка», а не «отправить». Отправить сообщения до обработки кликов.

0 голосов
/ 08 мая 2018

тип вашей кнопки - отправка, поэтому при нажатии на нее запускается событие 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>
0 голосов
/ 08 мая 2018

Правильный синтаксис для ngmodel - [(ngModel)].

(щелчок) обработчик зарегистрирован за кулисами, он не будет показан в html.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...