Html 发送表单时，为什么未定义值？

我有一张表格

<form>
  <div class="form-group">
    <input class="form-control" ([ngModel])="login" placeholder="Login" required>
  </div>
  <div class="form-group">
    <input type="password" class="form-control" ([ngModel])="password" placeholder="Password">
  </div>
  <div class="form-group">
    <button (click)="logUpUser()"  class="btn btn-primary">Sign Up</button>
  </div>
</form>

---

但是在方法

logUpUser（）

中，我得到了undefined的值。我做错了什么？

正确的HTML代码必须如下所示：

<form>
  <div class="form-group">
    <input class="form-control" [(ngModel)]="login" placeholder="Login" required>
  </div>
  <div class="form-group">
    <input type="password" class="form-control" [(ngModel)]="password" placeholder="Password">
  </div>
  <div class="form-group">
    <button (click)="logUpUser()"  class="btn btn-primary">Sign Up</button>
  </div>
</form>

---

[（ngModel）]

不是

（[ngModel]）

这是香蕉盒子语法。也许这会帮助你记住谢谢，但在此之后，我遇到了这样一个错误

如果在表单标记中使用ngModel，则必须在ngModelOptions

中设置name属性或将表单控件定义为“standalone”，并且在添加属性

name

后，错误没有得到解决。如果name属性确实应该解决它。。。在添加了name属性之后，您可以添加iinput`tag的HTML吗？您是否在两个输入中都添加了name属性？谢谢，但在此之后，我仍然没有定义它。。。也许我的打字稿有错误？我更新了我的答案。您必须给这两个变量一个初始值，否则绑定会失败。请试一试。

<form>
  <div class="form-group">
    <input class="form-control" [(ngModel)]="login" placeholder="Login" required>
  </div>
  <div class="form-group">
    <input type="password" class="form-control" [(ngModel)]="password" placeholder="Password">
  </div>
  <div class="form-group">
    <button (click)="logUpUser()"  class="btn btn-primary">Sign Up</button>
  </div>
</form>

login: string = '';
password: string = '';