Angular @obliczeniowo/elementary - własny komponent kalendarza
Angular @obliczeniowo/elementary kilka typów progress barów i komponent temperatury
Angular - @obliczeniowo/elmentary komponent wykresu liniowego
Angular @obliczeniowo/elementary komponent wykresu kołowego
Angular @obliczeniowo/elementary - komponent wykresu 3W
Angular @obliczeniowo/elementary komponent horyzontalnego paska postępu
Angular @obliczeniowo/elementary komponenty cyfrowe
Angula @obliczeniowo/elementary - własny komponent szachów
Angular @obliczeniowo/elementary komponenty związane z dźwiękiem
Angular @obliczeniowo/elementary time component
Angular @obliczeniowo/elementary komponenty dropdown
Angular @obliczeniowo/elementary komponent drzewa rozwijanego
Angular @obliczeniowo/elementary - komponent graficznego wyboru kombinacji kategorii
Angular - @obliczeniowo/elementary komponent połówkowej macierzy kombinacji
Angular - @obliczeniowo/elementary - ProgressStepper komponnent
@obliczeniowo/elementary - stepper komponent
Angular @obliczeniowo/elementary - perceptron
Angular @obliczeniowo/elementary circle menu component
Angular @obliczeniowo/elementary perspective slider
@obliczeniowo/elementary komponent PagesCircleTree
@obliczeniowo/elementary - okna dialogowe
@olbiczeniowo/elementary loading components
@olbiczeniowo/elementary komponent wyświetlania tablicy danych
@obliczeniowo/elementary rating komponent
@obliczeniowo/elementary - komponent przewijanego widoku
@obliczeniowo/elementary komponent sejmu
@obliczeniowo/elementary - obl-html-line komponent
Angular @obliczeniowo/elementary komponent statystyk dziennych
@obliczeniowo/elementary - value picker komponent
@obliczeniowo/elementary - month picker
@obliczeniowo/elementary - year picker komponent
Angular @obliczeniowo/elementary komponent radar-picker
@obliczeniowo/elementary komponent tworzenia/wyświetlania relacji pomiędzy kategoriami
@obliczeniowo/elementary komponent kołowego drzewa kategorii
@obliczeniowo/elementary - komponent tworzenia relacji pomiędzy kategoriami (wersja wpisana w okrąg)
@obliczeniowo/elementary modeller
Ta strona należy do działu:
poddziału
Autor podstrony: Krzysztof Zajączkowski
Stronę tą wyświetlono już: 2950 razy
Kolejny komponent Angula-rowy komponent mojego autorstwa będący kalendarzem o łudząco podobnym (przynajmniej po części) wyglądzie do tego z Windows-a 10 . Oto ten komponent:
Działa już zmiana miesiąca za pomocą strzałek oraz dodawanie wydarzeń do kalendarza.
Utworzenie komponentu kalendarza wygląda następująco:
<app-month-control #monthControl style="width: 320px"></app-month-control>
<app-calendar [monthControl]="monthControl" [eventsList]="eventsList ? eventsList : null"></app-calendar>
<app-events-list #eventsList>
<app-calendar-event *ngFor="let event of eventsListData" [eventSettings]="event" ngProjectAs="eventslist">
<h3 ngProjectAs="title" [style.backgroundColor]="event.color" style="display: inherit" fxFlex> {{ event.title }} </h3>
<div ngProjectAs="body" fxFlex="100" style="min-height: 50px; padding: 5px">{{ event.body }} </div>
</app-calendar-event>
</app-events-list>
Znacznik app-month-control wstawia komponent odpowiedzialny za przełączanie miesiąca oraz wyświetlanie miesiąca i roku. Za pomocą referencji przekazywany zostaje do wnętrza komponentu CalendarComponent (selektor app-calendar . Do kalendarza można podpiąć listę wydarzeń, które również są generowane zewnętrznie w komponencie CalendarEventComponent . Ten komponent jest również jest podpinany do kalendarza za pomocą referencji. Wewnątrz znacznika listy zdarzeń app-events-list są iteracyjnie tworzone elementy komponentu app-calendar-event .
