Angular: Główny komponent aplikacji

Angular 10+

0:00Kiedy mamy już wygenerowany projekt jest on uruchomiony w przeglądarce.

0:06Możemy zobaczyć tutaj nasz główny komponent.

0:09No to teraz mówmy czym jest komponent.

0:12Czym jest główny komponent aplikacji.

0:14Tutaj mam utworzone w serce katalogu w katalogu AB AB komponent TS i z winem.

0:23W tym miejscu Izbie przyjrzymy się temu elementom i to zobaczysz pod spodem

0:28tutaj mamy zwykłą klasę JavaScript ową tę usługę to mamy ma skrypt 6.

0:33Jest to zwykły prostu obiekt klas.

0:36Ktoś jakieś dane metody funkcje.

0:38Nie ma żadnego angola Blaira nie wpadamy do środka naszego kodu

0:43tylko akurat pozwala by opisać chorować nasz kod czyli tzw.

0:47The Korea tor jest jak widzisz małpa

0:49komponent o deklarować czyli przed naszą klasą.

0:53To jest ważne żeby przed zdefiniowania Naszej Klasy opisujemy parametry opcje

0:59które Angola musi odczytać z których Ogier skorzysta.

1:02Przy tworzeniu tej klasy będzie wiedział jak z niej korzystać.

1:05Co to ma być. Co z nim zrobić.

1:07Zobaczmy jakie opcje ma tutaj nasz komponent.

1:11Mamy opcję Select tor Temple it is this

1:14I klasy która zawiera jakieś dane zaś sektor jest tutaj to sektor CSS owy

1:20mówiący do jakiego elementu HTML chcemy przywieźć ten komponent.

1:25Czy jeśli gdzieś na ekranie pojawi się element o takiej nazwie HTML owy np.

1:30bród albo element name albo cokolwiek

1:32innego to będziemy chcieli żeby akurat w to miejsce właśnie utworzył tego typu

1:37komponent czyli wykonał prostu New App komponent i te wszystkie dane umieścił

1:43w tym elemencie wraz z HTML em i z tymi stylami które są przyjęte cele które

1:49widzisz może być różne warianty może być to element klasy atrybut itd.

1:53Spróbujemy w kolejnych lekcjach sobie

1:55próbować różne rodzaje komponentów nasz zostanę przy takim a bród

1:59jest to nazwa komponentu to możemy zmienić coś sobie powiedzmy App Machine.

2:06Jeśli tak zrobię zapisze to jak widzisz od razu u nas w przeglądarce mamy błąd.

2:11Piękne prawym z badań lub F 12.

2:14Korzystasz z maka to może przecież tylko inny skrót i w konsoli widzę.

2:20Mamy tutaj błąd

2:23sektor nie znalazł żadnego elementu do którego mógłby się zamontować.

2:28I to dlatego że w pliku indeks HTML czy w katalogu Esther C w pliku Index HTML.

2:34Jak widzisz mamy dokładnie jak a wśród 7 tu 5 jak App mail.

2:40Czyli coś co się zgadza z naszym lektorem

2:42teraz to ten sam komponent widzisz dokładnie za montuje się w tym miejscu w

2:47HTML u który pasuje do sektora i aplikacja działa.

2:51Możemy zbadać tutaj element jakiś element

2:54i jak widzisz tutaj a poród jest teraz puste a abp Mann pojawił się nasz

2:58komponent naszym HTML em widzisz cały HTML który tu myślimy jako Plate.

3:04Ja uśmiech może i potrzebną listę

3:06cały HTML które tu umieszczamy gdy komponent się uruchomi to komponent

3:13właśnie pozwala nam wstawiać takie bloki HTML w dowolne miejsca.

3:18W ten sposób pojawi nam się tu w środku cały ten HTML jakby nam się wyreżyseruje.

3:24Tutaj w tym miejscu jest to bardzo użyteczne bo mogę w ten

3:27sposób wiele razy w różnych miejscach wpisać takie bloki z tym tekstem

3:32lub z HTML em i co jest jeszcze ważne te są dynamiczne.

3:36Czyli jeśli tutaj znajdziecie jakieś takie

3:38właśnie podwójne klamry to jest ważne że podwójna kamera otwierająca podwójna

3:41klamka zamykające to to pozwala na dowolne dane stąd.

3:47Czyli np.

3:51robimy sobie Twoje nasze.

3:53To cokolwiek tu wpisze obiektu w stawie

3:55on w tym miejscu postawi te klamry i wynik umieści w tym

4:02kontynencie a ja tu cofną się do naszego a z powrotem wciąż się tutaj przypominał.

4:07Ten naród jest takim dobrym domyślną nazwą

4:10zostawię żeby tego tutaj nie wprowadzić kogoś w błąd.

4:13Czy jest elektor i określa jak ma się w HTML u ten blog nazywać.

4:18Gdzie go umieścić.

4:20Ten plakat określa tzw.

4:21widok czyli co użytkownik faktycznie zobaczy po zamontowaniu tego komponentu.

4:27Możemy też jakieś style dodać.

4:28Powiedzmy sobie nie pojedynczy nie

4:31podwójny cudzysłów tylko back tik taki pochyłej koło jedynki na klawiaturze.

4:37I powiedzmy że cały nasz ten kontent

4:41nie chce go cenzurować nazwę go Machine content

4:47jest o klasę CSS więc mogę normalnie tak jak chce się powiedzieć że klasa

4:51Main content ma mieć powiedzmy jedynkę jakieś 20 piksel.

5:00I powiedzmy front i

5:08Możesz też wybrać sobie dowolną ściankę ja zrobię domyślną żeby na różnych systemach

5:11operacyjnych działała bez szefowa wciąga i zobaczymy gdzie efekt kontroli

5:16i zobaczmy jak wygląda teraz elegancko jak widzisz mamy margines się pojawił.

5:21Czy ja bym dodał do Mein content margines

5:24Reading dodał sam cerkiew i nasz tekst jest ładnie wycięty mamy

5:28margines i dane które zostawiłem w krypcie czyli po tej stronie są

5:34automatycznie stawiane w to miejsce więc później zmieniając się przed tytuł mając

5:38pewne parametry HTML ręcznie wędrować tylko on sam zamieni

5:43to w odpowiednich miejscach ale to zobaczysz w kolejnych lekcjach.