ng-bootstrap datepickerの次と前の矢印ボタンにカスタムSVGを使用

Question

ng-bootstrap datepickerでデフォルトの前と次のボタンを置き換えるカスタムSVGイメージがあります。

このAngular 2コンポーネントのユーザーです。私は自分のコードでコンポーネントの1つをオーバーライドしたり拡張したりして、このようにしたいと思います。

私の最初のステップは、これらのSVG画像をAngular 2コンポーネントとして使用することでした。私は自分のアプリとコンポーネントでそれを行うことができます。しかし、私はdatepickerをHTMLレンダリングに直接アクセスすることはできません。したがって、これらのカスタムSVGをng-bootstrap datepickerの中で使用することに問題があります。

Answer 1

残念ながら、ng-bootstrapの現在のバージョンでは、日付ピッカーのカスタム矢印ボタンはサポートされていません。私が見たカスタマイズの

唯一の方法は、それらをレンダリングするCSSオーバーライドされます。https://github.com/ng-bootstrap/ng-bootstrap/blob/d88c8b7391bb42c4bdae24652bc529616c90fa8c/src/datepicker/datepicker-navigation.ts#L18-L35

を（あなたはCSSから背景画像としてカスタムSVGを作ることができますが、私はあなたがそれのために「ホバー」効果を失うことになると思いますもしあなたがあるなら）。