問題タブ [angular-material-6]
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 Materials - 入力ボックス内のドロップダウン
button with dropdownsAngular マテリアルを使用して、Bootstrapコンポーネントに関連する何かを達成しようとしています。
より具体的には、検索オプションをInput Field組み合わせた検索です。dropdownワイヤーフレームで見るとこんな感じ。
つまり、白い下向き矢印をクリックすると
これは、「マテリアル選択」だけを使用して彼らが思いついたものです。ただし、実際の問題は、入力フィールドがドロップダウンと組み合わされている場所で実行できるかということです。
ここから始めましょう (select が含まれています) -
angular - Angular Material - コンポーネント レベルでオーバーレイ CSS をオーバーライドする
Angular コンポーネント レベルでいくつかの CSS をオーバーライドしようとしていますcdk-overlayが、使用しても機能しません。:host ::ng-deep
ここのマテリアルselectドロップダウン ( mat-select-content) は の子ですcdk-overlay-pane:
この css をファイルからコンポーネント レベルに移動したいmain.scssので、他のページには影響しません。
しかし、それを my.component.scss に移動すると、機能しません:
cdk-overlay-paneまた、コンポーネント scss のクラスにこのスタイルを追加する必要があります。