无法访问Angular中按钮的单击事件

我正在Angular中创建登录页面，但每次单击“登录”按钮时，我都无法发送http请求，页面会刷新。我想我无法访问我的按钮的点击事件

<form class="form-container">
  <div>
    <b><h2>LOG-IN</h2></b>
    <div class="form-group">
      <label for="username">Username:</label>
      <input type=“text" class="form-control” (keyup)="onInput($event,'usr')">
    </div>
    <div class="form-group">
      <label for="password">Password:</label>
      <input type="password" class="form-control" (keyup)="onInput($event,'pwd')">
    </div>
    <button class="btn btn-outline-primary btn-block" (click)="login()">Log-in</button>
  </div>
</form>

---

我注意到onInput（）可以工作，但login（）在控制台中不提供任何输出。我只是不知道出了什么问题。

我清理了一些引导类，以便更好地查看代码。
我在登录按钮中添加了

type=“submit”

现在你的按钮工作了！ 请检查这个

编辑
还请注意下一行的双引号

<input type=“text" class="form-control” (keyup)="onInput($event,'usr')">

---

您必须将此

“

更改为此

”

我回到我的编码书籍，查看了一些javascript代码，发现页面由于“提交”而刷新。相反，建议在登录（）中使用

事件.preventDefault（）；

，这就解决了我的问题。

这看起来并不是一个简单的方法。请查找一些在线示例。您需要检查getUser方法getUser（）http服务运行良好，是按钮导致了问题。我只需返回一点javascript，并在登录（）中添加

event.preventDefault（）；

。现在一切都解决了。我确实添加了

type=“submit”

，但它继续给我相同的结果，没有任何变化。因此我回到书中，查看了一些javascript代码，发现页面由于“submit”而刷新。相反，它建议在login（）中使用

event.preventDefault（）；

，这就解决了我的问题。谢谢您的回答！您还可以将按钮类型设置为

按钮
：
type=“button”
。在表单中，如果您不这样做，则默认为
type=“submit”
<input type=“text" class="form-control” (keyup)="onInput($event,'usr')">