問題タブ [angular-material-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.

0 投票する
1 に答える
6324 参照

angular - Angular Material Stepperで1つのボタンを使用して複数のフォームを送信するには?

私のUIによると、状況はこの質問とはまったく異なります

ステッパーでフォームを送信する方法

私のシナリオでは、複数のフォームを持つ 1 つのステッパーを作成する必要があります。となることによって。各フォームを個々のコンポーネントに割り当てました。また、My Button はステッパー コンポーネントにある必要があります。これは、フォーム コンポーネントごとに 1 つだけです。フォームを送信するたびに、ステッパー送信ボタンをクリックしてフォームを保存します。したがって、EventEmitter を使用してステッパー コンポーネントから ngSumbit をキャッチしました。しかし、ngSubmit が未定義であるというエラーが表示されます。私のparent.stepper.component.html

これは私の親コンポーネントです。そして子はすべての形に属します。お気に入り

親ステッパーコンポーネント、私はこれを使用して子のFromを送信するために1つの保存ボタンの上を使用してngSubmit.emit()います。これはボタンです

そして、私の子供のフォームの1つは次のようになりますchild1form.component.html

child1.component.tsファイルは

すべての子フォームは似ています。そのため、ここでは他の子コンポーネントについては書きませんでした。私の問題は、から保存ボタンをクリックするたびにparent.stepper.component.html、エラーが発生することngSubmit is undefinedです。この問題を解決するために誰か私を指導してもらえますか?

ありがとう

0 投票する
2 に答える
1530 参照

angular - mat-stepper 前のボタンをクリックしたときに前方のステップをリセットする - Angular 6

Angular 6 アプリ

stepper.component.html、

stepper.component.ts、

上記のコードは、stepIndex プロパティが 2 の場合に選択された最初の 2 つのステップを設定します。

選択した現在のステップに基づいて前進/後退ステップをリセットしたい

  • 現在のステップが 2 の場合。ステップ 1 が選択されているときに、ステップ 2 を選択解除/リセットしたい。

  • 現在のステップが 1 の場合。ステップ 3 が選択されているときに、ステップ 2 も選択状態に設定したい。