問題タブ [angular-material-6]

角度のあるマテリアル メニュー コンポーネントをラップしています。MatMenuTrigger、MatMenuItem を拡張し、それらを個別のディレクティブとして作成し、親コンポーネントで使用しています。子コンポーネント（メニューコンポーネント）では、参照を取得するためにマットメニューのみを使用し、親コンポーネント（メニューデモコンポーネント）では、必要なコントロールにメニュー（子コンポーネントにあります）をアタッチしています。子コンポーネント内でボタンタグを使用しないでください。そのため、親からコンテンツを取得するために ng-content を使用しました。その参照を取得するためにいくつかのプロパティを公開したいだけです。ここで私の質問は、このリファレンス メニューstackblitzlinkをラップする方法です。これで私を助けてください、事前に感謝します。

バージョン6.4.0で使用Angular 6.0.8していますAngular Material theme

マテリアル テーマを少し変更しようとすると、次のように CSS プロパティを上書きするマテリアル テーマ プロパティが常に見つかるため、機能しません。

最初のプロパティのみが適用されます (残りは取り消し線が引かれます)

これを解決するために複数のバリエーションを試しましたが、どれも機能しませんでした (重要なテーマを使用したり、テーマをインポートする順序を変更したりするなど)

では、マテリアル テーマとユーザー スタイルシートで小さなことを変更する適切な方法は何ですか? (たとえば、この英語のルールを適用するには)

私のstyles.scssは次のとおりです。色やフォントなどのマテリアルテーマをオーバーライドするもののみがうまく機能します:

更新 1:

このstackblitzの例をチェックしてください。問題は非常に明確です

1-アラビア語クラスで囲んでいるdivが、含まれているマテリアルフォームフィールドのフォントと色を変更することを期待していますが、そうではありません(寿司の最初のフィールドのように、フォントは変更されません)

すべての要素が英語またはアラビア語のいずれかを持つ ngClass の div で囲まれているため、これは非常に重要です。マテリアル フォーム フィールドを含むすべての囲まれた要素にクラスを適用したい

2- すべてのフォーム ラベルの色を青から赤または緑に変更する方法は?

マテリアル グリッドにマテリアル グリッドを配置すること (ネスティング グリッド) は許可されていないのでしょうか。
誰かが私の仮定を確認してもらえますか?
(Angular Material 6 を使用しています。)

結果は次のようになります (2 つの異なるガター サイズ)。

なぜ私はこれが欲しいのですか？私が実装しなければならないデザインには、列間に異なる溝のサイズがあります:-/ グリッド内のグリッドは賢い解決策になると思いましたが、うまくいきません。

更新:ここで提案されている解決策は機能しません。これは古い Angular JSマテリアルでのみ可能であるためです。