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

Question

我正在构建一个输入'有效'的组件。 如果我将值绑定到父组件的成员，事情就会很好。 但是，如果我将它绑定到模板引用，就像这样

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

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

</step>

我明白了

检查后表情发生了变化。 上一个值：'true'。 当前价值：'假'

我部分理解。 我得到组件初始化后发生ngForm有效检查，因此值已更改。 我没有得到的是为什么这是一个问题，为什么这可以通过调用enableProdMode（）来解决，为什么enableProdMode（）是一个坏主意。

我还尝试使用.detach（）和.reattach（）的ChangeDetectorRef临时禁用更改检测，但这并没有解决它，听起来也是个坏主意。

有什么想法吗？

Answer 1

这是一个众所周知的问题。 请改用

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