問題タブ [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.
angular - Angular Material Stepper はどのように FormGroup を無効にしますか?
角度のあるマテリアルの Stepper コンポーネントは、このようなフォーム グループに接続できます。
さて、私が理解したい興味深いことは、最初のステップを空のままにして 2 番目のステップをクリックすると、フォーム フィールドが無効な状態になることです。しかし、stackblitz でわかるように、一番下にフォームとフォーム フィールドのすべての状態をリストしますが、何も変わっていないようです。
それで、私の質問は、フォームを無効にするためにステッパーによってフォームのどのプロパティが変更されるのですか?
注：私の場合、これが発生した場合、次のようなメッセージを追加する必要があります
css - Angular 11マテリアルのフォームでマットフォームフィールドを正しく整列させる方法は?
https://material.angular.io/components/stepper/examplesの例に従っていますが、すべての私の matform フィールドはこの写真と同じ行です
悪い結果
望ましい結果は次のとおりです。
- Nom 入力の最初の行 (最初の mat-form-field)
- 数値入力 2 行目 (2 番目の mat-form-field)
- ...他の場合も同じ動作
望ましい結果
どうすればこれを行うことができますか？
javascript - Angular 11マテリアルのStepperでformControlName値フォームを取得するには?
私はAngular Material 11を使用し、ステッパーマテリアルコンポーネントhttps://material.angular.io/components/stepper/examplesを使用しています。最初のステップで選択した値を取得し、最初のステップで選択した値を含むメッセージをユーザーに表示したい。しかし、私はこれを行うことはできません。これは私のcomponent.htmlコードです:
また、私のcomponent.tsコード：
問題は、選択した値を mat-selected で取得し、この値を typescript ファイルの pselectedSport に渡し、2 番目のステップで表示する方法です。