問題タブ [stepper]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
input - Angular6 マテリアル - カスタム ErrorStateMatcher を使用した入力でステッパーを使用する
これは非常に簡単なように思えます...ステッパー内で情報を収集していて、電子メールが電子メールであることを確認したいとします。しかし、共有された 'form' タグが原因で、エラー チェッカーがめちゃくちゃになって動作しないという問題が発生しているようです。
さらなる明確化...問題は実際には次のタグ要素にあるようです...
この行を削除し、.ts (emailCtrl: ['', Validators.required],) から兄弟行を削除すると、エラー チェックが機能し始めます。ただし、これは、ステッパーがこのステップが必要であることを確認できないことを意味します。
ステッパーがエントリを検証し、同時に ErrorStateMatcher が機能していることを確認するにはどうすればよいですか?
これが私の結合されたHTMLです...
ご覧のとおり、メール スロットのネストされた「フォーム」をコメント アウトしました。テストでは、コメントアウトせずにコメントしてみました。いずれにせよ、エラーチェックは正しく機能しません。
関連する .ts スニペットの一部を次に示します...