Angular: Interpolacja tekstu i wyrażeń

Angular 10+

0:00Jak pamiętasz w tym główne komponenty.

0:02AP komponent mogłem dany JavaScript który

0:06był zawarty w komplecie mogłem wygenerować tutaj jako tekst dynamicznie szablony

0:13i raz to samo wykorzystamy w naszym komplecie.

0:16Tu składa się z dwóch plików tak mamy

0:18komponent jego HTML i postanowił sobie powiedzmy użyć jakiejś zmiennej.

0:24Powiedzmy że mam użytkownika który ma więc jeszcze klamry.

0:32I tu mamy wtyczkę odpowiednią rangę lub serwis to nam podpowiada że

0:38nie jest definiowany tor first czyli musi być tutaj naszym komponent.

0:44Dane personalne.

0:45Powiedzmy Hansem jak i zobaczmy co się stanie jak nam się wyświetli.

0:55Tutaj troszeczkę powiększy żeby nam.

0:58Tak było elegancko i czytelnie było

1:01portfolio komórek zachęcą jak testujemy gender dopisać np.

1:06niewielką Works.

1:08Tylko powiedz mi dokąd

1:12mogę tak sobie jeszcze wpakować jeszcze coś.

1:14Czy możesz dowolnie sobie tutaj mieszać.

1:18Tak tekst z tymi kamerami umieszcza się w

1:21targach jest to bardzo wygodne żeby mieć dynamiczne wstawki w jakiś tekst.

1:26Jeśli coś zmieni to także zmieni to odpowiednio w HTML.

1:31Mogę tego też kilka razy użyć na przykład dodajemy sobie jeszcze dodatkowo.

1:38Błąd.

1:48W ten sposób powinniśmy wiedzieć czy chcemy aktualizacje tak Czy chcesz

1:52aktualizacje i czy będę mógł odpowiedzieć tak czy chcę.

1:55Aktualizacja czy już można ten sam

1:57komponent użyć z wieloma różnymi użytkownikami.

2:01Troszkę spacji czytelni i dane które tu wstawiono.

2:05Prosta sprawa aczkolwiek nie tylko tutaj możemy mieszać proste zmienne.

2:10Możemy dodać też bardziej skomplikowane

2:12elementy czyli powiedzmy nasz znam ją jeszcze w obiekcie.

2:16Powiedzmy sobie że to jest user użytkownik.

2:19Użytkownik ma first name to musi zmienić nazwę kropek.

2:23I powiedzmy czy on jest zasób skorygowany czyli skrypt jest tak nie.

2:33No to możemy np.

2:35zobaczyć od razu krzyczy na mnie że źle bo nie ma już tak jak teraz

2:39znajduje się w obiekcie czy rachunek w Java krypcie mogę sobie

2:42wejść w obiektyw tablice itd czyli tu mogę prawie dowolne wyrażenie

2:47zrobić czego nie mogę zrobić nie mogę blokować operacji takich jak IF

2:53LS for mail wszystkie rzeczy które mają się klamry bloki nie działają tutaj musi

2:59kraść kod który sam w sobie ma wartość kod który można by

3:03po prostu zmiennej przypisać kod który jest wyrażeniem więc w ten sposób to

3:08działa i chce zrobić to jest możliwość mianowicie mógłbym całe to wyrażenie

3:14potraktować tutaj w ten sposób jako JavaScript.

3:19Z tego zrobić na przykład String Plus w

3:22wersji wzajemnej i na przykład sprawdzić tutaj czy jest zasób skorygowany.

3:27Czyli jeśli Józef jest zaobserwowane i teraz to operacja pod

3:32znakiem zapytania to jest twój element owe wyrażenie czyli

3:36jeśli to jest prawda to wyświetla ten tekst.

3:43Czyli powiedzmy kraj.

3:51Jest też zapisane dwóch kropek.

3:53Jeśli nie to może ten drugi tekst ma tylko coś było lepiej widać.

3:58Koło czyli kulki w nich jest obserwowane prawda to wyświetla ten tekst.

4:03Jeśli nie to czy w ten sposob możesz też nie tylko zmienne obiekty.

4:08Możesz też tutaj wykonać jakieś

4:11wyrażenie powiedzmy ten znajomy wiem że to jest string.

4:13Tutaj ciąg znaków to mogą też np.

4:15wykonać jakąś funkcję.

4:17Tu lower case tu papierka jest na przykład czyli do dużych liter OK.

4:24Czy jak widzisz możesz takie wstawki

4:26JavaScript aby używać mamy wulkan i coś się popsuło.

4:29Zobaczmy błąd.

4:32Andy White gdzieś mam źle zobaczmy komponent HTML linia trzecia mogę kliknąć

4:38tu w ten błąd gdzie mi pokaże w której nie jest błąd user First.

4:42Coś tu jest Andy White first time of the White.

4:46Sprawdź zapisane pliki jak jest kropka

4:49biała w tym można że plik jest nie zapisany.

4:51Więc upewnij się że masz pliki zapisane.

4:53Możesz też kliknąć tutaj gdzieś zapisz wszystko

4:58OK mam tylko zapisane na pewno ten obiekt jest

5:03na pewno jest sam Script to powinien być duże litery a pod spodem.

5:07Jeśli zaobserwowane to wyświetla jesteś zaobserwowany.

5:12Jeśli nie kropek wyślę ten tekst.

5:16Zobaczmy.

5:19Witaj. Tak jak i Ursus.

5:22Znak zapytania został na zewnątrz a powinien być też tutaj w tym miejscu.

5:32Czy mogę sobie tutaj różne wyrażenia używać.

5:35Funkcje proste wyrażenia IF czyli Falls nie jest skorygowane.

5:42No to wyświetli komunikat czy chciałbyś się zasób skrytykować.

5:46No i uwaga na błędy typu właśnie spacji w

5:48cięcia tego typu rzeczy i jeszcze słów skrypt.

5:53W ten sposób ok czyli możemy mieć zmienne

5:55możemy tutaj wbudowane funkcje jakichś projektach wykonać IF itd.

5:59Mógłbym też np.

6:00tutaj stworzyć jakąś własną funkcję czyli powiedzmy Ask i.

6:09Stworzy sobie jakąś własną funkcję

6:12i teraz teraz to całe wyrażenia jakieś skomplikowane.

6:15Za dużo kto za miłe w HTML u to mogę na

6:17cały ten kod przenieść tutaj i zwrócić wynik z tej funkcji.

6:22Uwaga tylko po jeśli używamy zmiennych to w HTML zobacz nie muszą w wierszu Vadis.

6:28Ja mógłbym coś tutaj

6:31DS Józef rany bo to jest ten obiekt DS ale jest to o tyle wygodne właśnie że nie

6:36muszą mieć słówka niz jest to od razu i user czyli tutaj

6:40musiałbym dodać słówko Nic tu dodać także DS dlatego że to się odnosi

6:46do DS do tego obiektu i wynik tej operacji teraz

6:51zwracam z tej funkcji i tu mogę użyć tej funkcji ask if.

6:58Pamiętaj o znakach tutaj otwierania zamykające na to funkcji

7:02uruchomić żeby nie zapomnieć o wykonaniu tej funkcji tylko żeby ją wykonać

7:06i wynik tej funkcji powinien nam się także wyświetlić w tym miejscu.

7:11Zobaczmy już literę G.

7:15Jak wszystko się zgadza co jest jeszcze ważne jak mamy jakieś

7:20funkcje to te funkcje muszą być na tym komponenty.

7:25Ja spróbuję już jakiejś funkcji której tu

7:26nie ma powiedzmy sobie Window alert w ten sposób

7:33że Windows to nie działa już nie ma takiej możliwości nie można używać żadnych

7:38funkcji żadnych zmiennych spoza tego komponentu jest to bardzo dobre

7:41izoluje żebyśmy przypadkiem robiąc zły błąd liderka mi się gubią.

7:46Nie złapać przypadkiem jakiejś zmiennej której nie chcemy gdzieś spoza tego

7:49komponentu HTML jak ma dostęp tylko do tego co ten komponent mu udostępni.

7:54Uważaj też żeby nasze funkcje których używasz tutaj w HTML u

7:59nie miał efektów to znaczy żeby nie wykonywały żadnych operacji np.

8:03zapytań do serwera albo albo jakiejś alertów questów i tego typu

8:10rzeczy żeby tę funkcję tylko wyświetlał dane.

8:14I firma raz dwa trzy cztery.

8:16On wielokrotnie sprawdzając czy coś się

8:18nie zmieniło tą funkcją niepotrzebnie wykonywał jakieś operacje tego typu np.

8:24do serwera gdzie kilka wykonywał.

8:26Tego nie chcemy robić nie

8:27chcielibyśmy po prostu żeby te funkcje były w miarę proste

8:31bądź mogą często kilka razy nawet uruchomić gdzieś już tę funkcję jakby były

8:35tylko do odczytu że one nie zmieniały naszego HTML a nie zmieniał naszych danych

8:39że one tylko zwracały jakąś treść jakiś HTML lub zwracały np.

8:43iż jest to tego typu wyrażenie np.

8:45czy jest to Andrews czyli mamy tu dostęp

8:48tylko do danych i zwracamy w prostych funkcjach albo od razu w HTML OK.

8:53O czym jeszcze musisz pamiętać.

8:55Tutaj jeśli ja spróbuję np.

8:57HTML dodać ograbić jak to już jest robione.

9:02No dobra to spróbujmy tutaj usunąć

9:04pogłębienie Zobaczmy czy uda się podrobić samego Jacka.

9:08Się stało akurat nie pozwala nam

9:11wstrzymywać HTML a jest to bardzo dobra rzecz jeśli użytkownik wypełnił formularz

9:16i w formularzu próbował nam tutaj wstrzymać bez naszej zgody jakiś HTML.

9:20Czyli do naszej strony dodać jakiś HTML np.

9:23czy niebezpiecznie jakiś skrypt własne ang.

9:27wychwycić automatycznie takie coś zamieni ten tekst tutaj na

9:32po prostu na tekst czy usunie HTML HTML zamieni na zwykłe literki.

9:37Jest to bardzo ważne aczkolwiek w ten sposób widzisz nie mogę

9:40dynamicznie dodawać HTML a mogę tylko generować tekst.

9:43Jeśli chcesz zmienić strukturę HTML a czy

9:46chciałbyś dynamicznie dodawać usuwać jakieś tani HTML owe ukrywać przesuwać

9:50zmieniać ich właściwości style tego typu rzeczy no to do tego służą osobne wiązania

9:56tak tymi kamerami możemy tylko tekst wyświetlać.

9:59Nie możemy nimi modyfikować wyglądu zachowania struktury HTML a dzięki czemu

10:04nasz układ jest bezpieczny i mamy do tego osoby narzędzia.

10:08O nich będziemy w kolejnych lekcjach rozmawiać.