Angular 引用# vs ngModel

Question

我想知道什么时候必须在我的输入中使用 [(ngModel)] 以及什么时候可以只使用#reference
例如

<div class="form-group">
  <div class="input-group mb-2">
    <input type="text" class="form-control" [(ngModel)]="newUser">
    <button class="btn btn-outline-success" (click)="onAddUser()">Add user</button>
  </div>
</div>

我应该在这里这样做，或者我可以这样做:

<div class="form-group">
  <div class="input-group mb-2">
    <input type="text" class="form-control" #newUser>
    <button class="btn btn-outline-success" (click)="onAddUser(newUser.value)">
      Add user
    </button>
  </div>
</div>

我会感谢任何答案)

Answer 1

您不必使用 [(ngModel)] ， 曾经。 NgModel是 Angular FormsModule 的一部分.如果您有 FormsModule导入后，您可以使用 ngModel 的额外功能.这样做会创建一个 NgForm和 FormControl您可以在更复杂的响应式(Reactive)和动态表单中使用它，并将跟踪字段的状态，例如肮脏的，触动的。它还允许您在字段上放置错误验证器，并公开一个可观察的值更改流。

使用模板变量和ViewChild像使用 vanilla JS 一样抓取一个输入元素并与之交互也很好，尤其是在您的用例很简单的情况下。这样可以避免包含 FormsModule在你的模块中。