問題タブ [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 に答える
2746 参照

javascript - angularマテリアルステッパーを使用して、入力タイプのテキストにカスタム検証を追加します

angular ステッパーを使用してすべてのデータを表示し、いくつかのテキスト ボックスに入力しますが、ユーザーがボタンをクリックしたときにカスタム検証を追加したいと考えていNextます。

stackblitz - マテリアルステッパーカスタム検証

html:

ここでは、次のステッパーに進む前に名と姓を検証する必要がありますが、formGroup は使用しません。

TS:

どのように?Next- ファースト ネームが空の場合は、ステッパーを許可しないでください。

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

angular - Angular Material Stepper、ダイナミック カラー チェンジ

アンギュラーマテリアルステッパーを使用して進行状況トラッカーとして使用しようとしています(それが意図されていないことはわかっていますが、それが私の要件に適合する唯一のものです)。私のステッパーには5つのステップがあります。

商品やアイテムがそのポイントに達したときに色をオンにしたい。私はそれのためのクラスを見つけました mat-step-icon-selected。しかし、それは機能していません。

ステータス/ステップ番号を返す API からデータを取得します。それに基づいて、色を変える必要があります。

クラスの色を変更できません。ngClassonを使ってみましたが、うまくいきmat-step ません。

これは私のコードです:

表示されるステッパーの色を更新する解決策を提案してください。

ありがとう :)