Angular පුලුවන් අය උදව්වක් කරන්න

[DevLover]

මේකයි, හිතන්න Angular web ඇප් එකක් තියෙනවා, Navigation bar ඒකේ dropdown එකක් තියෙනවා Country කියලා, එකේ selected country එකට අනුව ලෝඩ් කරලා තියෙන පේජ් එකේ සමහර ඩේටා වෙනස් වෙනවා.

හිතන්නකො මෙහෙම දෙයක්, user කෙනෙක් browser tab එකක් open කරගෙන වැඩ කරනවා select වෙලා තියෙන්නෙ country එක Sri Lanka , මෙයා ඒ ගමන්ම තව ටැබ් එකක් ඕපන් කරනවා, ඒකෙ මෙයා Country එක චෙන්ජ් කරනවා Japan වලට, මට ඕනි අන්න එතකොට අර ඕපන් වෙලා තියෙන කලින් ටැබ් එක refresh කරගන්න. කොහොමද Angular වලින් මේක කරන්නෙ. දැනට කලින් ටැබ් එකම refresh උනානම් ඇති.

මම Angular වැඩිය දන්නෙ නෑ, මට මේක ගැන තියෙන හොඳ tutorial/sources මොනවා හරි ශෙයාර් කරන්න පුලුවන්නම් වටිනවා. Thanks

 

[nevermindNevergiveup]

එහෙම රීෆ්‍රෙෂ් වෙන්නෙ නෑනෙ SPA එකක. Input Output EventEmitter ඉගෙන ගන්න

 

[nevermindnevergiveup2]

Shivprasad ගෙ Angular කොස් එක තරම් එකක්වත් ඔළුවට ගියේ නෑ. QuestPond එකට ගිහින් බලන්න

 

[scorpion MW]

bump

 

[baba-chuti]

first tab ekedi session ekak save karla refresh karnna puluwan ne next tab ekedi maru wenakota.

 

[Miami-Vice]

bump

 

[helplesser]

websockets

 

[TNHM]

උබට ඕන data ටික localstorage එකට save කරපන්. නැත්නම් indexdb ද මොකක්ද තියෙනවා. එකත් ඖලක් නැ.
ඊට පස්සේ tab change වෙන event එකේදී event emitter එකක් fire කරපන්. අදාල component වලින් ඒ event emitter එක සකරක්‍රයිබ් කරගෙන ඉදලා ඕන change කරපන්.

 

[machan_putha]

simply two steps;

1. dropdown eke country change wena event ekedi selected country eka LocalStorage gahapan
2. @HostListener('window:focus', ['$event']) ekak gahala tab eka focus weddi localstorge eken latest country eka aran uba coutnry change kalama call karana method ekama call karapan.

Fucking easy huththo

 

[saja]

bump

 

[Nidarshana_k]

Shivprasad ගෙ Angular කොස් එක තරම් එකක්වත් ඔළුවට ගියේ නෑ. QuestPond එකට ගිහින් බලන්න

ado uge teaching supiri.

 

[Any.key]

bump

 

[CorD SaC]

Bump

---

ado uge teaching supiri.

උබ ගාව තියේද ඒ කියන course එක
------ Post added on Nov 22, 2023 at 6:16 PM

 

[EKGuest]

Bump

 

[DevLover]

උබට ඕන data ටික localstorage එකට save කරපන්. නැත්නම් indexdb ද මොකක්ද තියෙනවා. එකත් ඖලක් නැ.
ඊට පස්සේ tab change වෙන event එකේදී event emitter එකක් fire කරපන්. අදාල component වලින් ඒ event emitter එක සකරක්‍රයිබ් කරගෙන ඉදලා ඕන change කරපන්.

මට ඕනි ඩේටා ටික කිව්වෙ? ඩ්‍රොප් ඩවුන් චේන්ජ් වෙද්දි එන value එකද?

එහෙම නැතුව session storage එකකට දාගන්නවා dropdown එක චේන්ජ් වෙන වැලිව් එක, ටැබ් එක චේන්ජ් කරද්දි අර ශෙශන් එකේ වෙනසක් තියේනම් විතරක් රීෆ්‍රෙශ් වෙන්න දුන්න බැරිද?

simply two steps;

1. dropdown eke country change wena event ekedi selected country eka LocalStorage gahapan
2. @HostListener('window:focus', ['$event']) ekak gahala tab eka focus weddi localstorge eken latest country eka aran uba coutnry change kalama call karana method ekama call karapan.

Fucking easy huththo

එහෙම කලාම පේජ් එක රීෆ්‍රශ් වෙනවද මචන්.

 

[machan_putha]

මට ඕනි ඩේටා ටික කිව්වෙ? ඩ්‍රොප් ඩවුන් චේන්ජ් වෙද්දි එන value එකද?

එහෙම නැතුව session storage එකකට දාගන්නවා dropdown එක චේන්ජ් වෙන වැලිව් එක, ටැබ් එක චේන්ජ් කරද්දි අර ශෙශන් එකේ වෙනසක් තියේනම් විතරක් රීෆ්‍රෙශ් වෙන්න දුන්න බැරිද?



එහෙම කලාම පේජ් එක රීෆ්‍රශ් වෙනවද මචන්.

Session storage hariyanne na, session storage tab scope ekak thiyenne. Tabs dekata scope dekak. E handa localstorage use karapan.

 

[kinkon]

Angular

 

[Nidarshana_k]

Bump

---

උබ ගාව තියේද ඒ කියන course එක
------ Post added on Nov 22, 2023 at 6:16 PM

Na bn free yt video ekk thiynw. Eka maru

---

Bump

---

උබ ගාව තියේද ඒ කියන course එක
------ Post added on Nov 22, 2023 at 6:16 PM

Mekath hodai


https://thinkster.io/topics/fundamentals-of-angular
------ Post added on Nov 22, 2023 at 8:29 PM