angular2、なぜこのhtml5検証がngFormの中で働いていないのですか

Question

問題を示すためにplunkrを作成しました。基本的に3つの<input type="text">要素があり、html5 pattern属性はすべて^\d{2}[/]\d{2}[/]\d{4}$に設定されています。これらの3つのテキストボックスの違いは、一方が直接<form>の内側にあり、もう一方が子コンポーネントの内側にあり、それが<form>タグの内側にあることです。最後のテキストボックスは完全に<form>の外にあります。私はAngular2クラス（ng-touched、ng-invalidなど）を持っているので、3つすべてがパターン検証で同じように動作することを期待しています。 。興味深いことに

1. regexpal.com
2. regexr.com

：しかし、問題は、彼らがng-validに設定されておらず、常に入力値は、次の正規表現のウェブサイトによると、有効な一致である99/99/9999場合でもng-invalidまま決してされていることです、ng-untouchedおよびng-pristineは、テキストボックスがフォーカスを受け取ったりフォーカスを失ったりすると、適切なクラスに更新されます。では、私はここで何が欠けていますか？入力パターンの変更によって、CSSクラスがng-validに更新されないのはなぜですか？ここで私が述べたplunkrです：これらのテキストボックスのいずれかがルート要素別名<my-app>の外側に配置されている場合はhttps://plnkr.co/edit/kW861I8OdnO9iR0328KP?p=preview

更新

が、彼らはうまく動作し、ブラウザの検証が有効であるとのパターンを認識しているようです。私はtxt 4とplunkrを更新しました。

Answer 1

Plunkerは古いフォームモジュールを使用しています（いくつかの回避策を試みましたが、役に立たなかった）、新しいモジュールでチェックしました。公式ドキュメントをチェックして、次の行を追加します。

bootstrap(Application, [ 
    ... 
    disableDeprecatedForms(), 
    provideForms(), 
    ... 
    ]);