Jednoczesne użycie angularowego datetimepicker i komponent badge

Hej,

Mam dwa detale związane z frontem aplikacji:

• Datepicker - ngx-bootstrap ma osobny komponent do daty i czasu, a wymaganie jest, aby to było w ramach jednego komponentu. Znalazłem taki wynalazek jak bootstrap-datetimepicker, ale jest to komponent do czystego js'a, nie wiem jak to wykorzystać w ramach aplikacji Angularowej
• Klasa "badge" - nie jestem w stanie ustawić koloru obwódki - nie reaguje na ustawienie border-color, o wymaganie jest takie, żeby wypełnienie było białe a obwód z ustawionym kolorem.

Czy da się to jakoś ogarnąć? Zanim powiem klientowi, że "się nie da", wolałbym być pewien...

Aż tak się nie znam na froncie, ale zakładam, że klient ma w pompie, że używasz biblioteki X. Jakieś obwódki powinno się dać ogarnąć htmlem+CSSem. Może trzeba bardziej dostosować te komponenty. Nie ma tez problemu, aby stworzyć custom component w Angularze. Także dać, to się da, tylko nietanio.

wszystko się da. Po pierwsze może źle zrozumiałeś punkt 1, naturalnym jest, że się korzysta z takich gotowych komponentów, zakładam, że robisz na b2b i więc twój klient jest techniczny w takim razie przedstaw swoje rozwiązanie, i po prostu przedyskutujcie. Co do punktu 2, badge zapewne jest izolowane, ale nawet takie izolowane da sie zmienić tylko, że globalnymi stylami. Aczkolwiek najlepiej poszukaj jak wygląda rozszerzenia wyglądu w twojej skórce, dawno z bootstrapa w angularze nie korzystałem, więc nie podam szczegółów.

::ng-deep. Ewentualnie selektor o wyższym specificity.

kal800 napisał(a):

• Datepicker - ngx-bootstrap ma osobny komponent do daty i czasu, a wymaganie jest, aby to było w ramach jednego komponentu. Znalazłem taki wynalazek jak bootstrap-datetimepicker, ale jest to komponent do czystego js'a, nie wiem jak to wykorzystać w ramach aplikacji Angularowej

Bootstrapa można dograć jsowego, nie musisz paczki ngx używać. Importujesz po prostu jako script. ngx używa się dlatego, bo nic poza angularem nie powinno edytować DOMa, a boostrap js to robi przy użyciu jQ (o ile się nie mylę).

• Klasa "badge" - nie jestem w stanie ustawić koloru obwódki - nie reaguje na ustawienie border-color, o wymaganie jest takie, żeby wypełnienie było białe a obwód z ustawionym kolorem.

Styl jest wczytywany później niż to co Ty zmieniasz. Jak odpalisz dev konsole w przeglądarce to zmienisz to bez problemu. Nie wykorzystujecie tam czasem jakiegoś zewnętrznego stylowania/template, które jest doczytywane później? W ostateczności globalny styl z important (średnie podejście, ale nie jestem frontendowcem :P), albo próba edycji tego stylu co jest doczytywany. Ewentualnie selektor o wyższym specificity, ale różnie to działa jak styl jest nadpisany.

@Veo: ale angular budując htmla i tak wywali wszystkie eventy jquery.

Jeśli nadpisujesz style zewnętrznej biblioteki to śmiało użyj:

:host ::ng-deep {
// twoje style
}

Jest deprecated ale nie ma na to alternatywy jeśli chcesz ostylować zewnętrzny komponent z poziomu swojego komponentu.
Mógłbyś ustawiać style w globalnym pliku styles ale nie sądzę, że w tym przypadku jest to dobre rozwiązanie.