Angular 2 使用模板引用变量 ngForm 作为输入绑定(bind)

Question

我正在构建一个输入为“有效”的组件。如果我将该值绑定(bind)到父组件的成员，一切都会正常进行。但是如果我像这样将它绑定(bind)到模板引用

<step [valid]="name.valid">

      <input type="text" name="name"
             #name="ngForm"
             [(ngModel)]="name"
             required>

</step>

我明白了

Expression has changed after it was checked. Previous value: 'true'. Current value: 'false'

我部分理解。我知道 ngForm 有效检查发生在组件初始化之后，因此值已更改。我不明白为什么这是一个问题，为什么可以通过调用 enableProdMode() 解决这个问题，以及为什么 enableProdMode() 是个坏主意。

我也试过使用 .detach() 和 .reattach() 的 ChangeDetectorRef 临时禁用更改检测，这并没有解决问题，而且听起来也是个坏主意。

有什么想法吗？

Answer 1

这是一个已知问题。改用

<form #f="ngForm">
  <step [valid]="f.controls['name'].valid">