Jaka jest różnica między @Input a Subject<>() w #angular ? Chciałbym przesłać informacje (a dokładniej indeks zaznaczonego li) z parent component do child component. Mogę to zrobić przez service. Tam umieścić subject i zasubskrybować go w child component. Zastanawiam się tylko czy jest jakaś zasada w której stosuje się stricte @Input czy @Output a kiedy takie rzeczy jednak robi się przez service. No bo jeśli użyje @
Wszystko
Najnowsze
Archiwum
@pablojakub: przez service robisz gdy potrzebujesz przesłać jakieś dane między komponentami które nie mają relacji. Jak jest relacja parent-child używaj Inputów i Outputów. Dodatkowo możesz poczytać czym są smart i dump components. No i przyda Ci się zapoznać czym są pure componenty.
Pozdro Angularowy wariacie :D
Pozdro Angularowy wariacie :D
@pablojakub: Jeżeli przekażesz jakieś property, następnie na wyrenderowanym widoku w parencie zmienisz wartość tego property, a w childzie będziesz tą wartość wyświetlał to w takim przypadku wartość będzie się zmieniać bo przekazując @Input stosujesz one way binding. Natomiast jeśli po zmianie twojej property ma się odpalić jakaś metoda to możesz w childzie zrobić z tej @Inputowanej propertki setter w sposób następujący:
@Input() set propertyXYZ(value: XYZ) {
@Input() set propertyXYZ(value: XYZ) {
- 1
Pytanko do #ngrx. Jak zapisać te same dane w store ale zmapowane? Na przykład mam listę userów, którzy są trzymani w store jako User, jednak na innej zakładce chce znów pobrać te dane i zmapować jako UserWithEyes i tak zapisać w store pod taką nazwą. Da się?
#angular #typescript
#angular #typescript
- 2
@hanyska2: Zdefiniuj "zmapowane" - masz jakąś klasę mapującą z metodami? Jesli tak - to niebardzo, w teori store powinien być serializowalny i deserializowalny.
Jezeli masz obiekt user i jakiś obiekt eyes, to zduplikowanych danych nie powinno się trzymać w store - takie "mapowanie" robi się przez selektory
Jezeli masz obiekt user i jakiś obiekt eyes, to zduplikowanych danych nie powinno się trzymać w store - takie "mapowanie" robi się przez selektory
- 0
@mat53 okej, tak czułam. Dzięki Mirek :)
- 0
Jaka jest różnica w ngrx pomiedzy:
of(new ShopActions.CompleteError(error));
a
this.store.dispatch(new
of(new ShopActions.CompleteError(error));
a
this.store.dispatch(new
- 0
Hej,
dlaczego walidacja html5 (dymek z ostrzezeniem) nie odpala sie po przycisnieciu przycisku submit dla checkboxa, a dopiero po najechaniu w obszar checkboxa (konkretnie iinput)?
Z inputami typu text czy inne jest ok, z checkboxem jest jakis problem.
Uzyłem atrybutu ngNativeValidate dla form:
dlaczego walidacja html5 (dymek z ostrzezeniem) nie odpala sie po przycisnieciu przycisku submit dla checkboxa, a dopiero po najechaniu w obszar checkboxa (konkretnie iinput)?
Z inputami typu text czy inne jest ok, z checkboxem jest jakis problem.
Uzyłem atrybutu ngNativeValidate dla form:
@inrain88 trochę z innej beczki, jak Ci się pracuje z primeng?
- 0
@soldierunware Kozackie. Bogata w różne funkcje i fajna dokumentacja. Z minusów to srednia customizacja pod względem cssa.
- 0
Treść przeznaczona dla osób powyżej 18 roku życia...
Mam dwie wartości np. const x = ["Anna", "Emma"]
Chce sprawdzać warunek wykluczajacy drugiego:
if (name === 'Anna' && listOfPerson.some(person => person.name === "Emma")) return "nevermind"
if (name === "Emma"' && listOfPerson.some(person => person.name === "Anna")) return "nevermind"
Chce sprawdzać warunek wykluczajacy drugiego:
if (name === 'Anna' && listOfPerson.some(person => person.name === "Emma")) return "nevermind"
if (name === "Emma"' && listOfPerson.some(person => person.name === "Anna")) return "nevermind"
- 1
@cppguy no shit Sherlock, nie wiedziałam ( ಠ_ಠ) A tak serio to chodzi mi o logikę wykluczania a nie typowania. Gdybym miała Ci przykleić cały "prawdziwy" kod to byś nie wiedział o co chodzi. Tu jest uproszczenie.
Zadziala tylko dla dwoch wartosci:
private static persons = [‘Anna’, ‘Emma’];
// funkcja
const personIndex = YourClass.persons.indexOf(personName);
if
private static persons = [‘Anna’, ‘Emma’];
// funkcja
const personIndex = YourClass.persons.indexOf(personName);
if
Jak dużo muszę umieć JavaScript + Angular przy pierwszej pracy/stażu w stacku ASP.NET Core WebAPI + Angular?
Z tego co się zdążyłem zorientować to Angular jest dość skomplikowany stąd to pytanie. Brzmi może nieco abstrakcyjnie, ale może ktoś będzie w stanie mi na nie odpowiedzieć.
Na razie uczę się samego ASP.NET Core WebAPI.
PS
Z tego co się zdążyłem zorientować to Angular jest dość skomplikowany stąd to pytanie. Brzmi może nieco abstrakcyjnie, ale może ktoś będzie w stanie mi na nie odpowiedzieć.
Na razie uczę się samego ASP.NET Core WebAPI.
PS
@vanguard2727 https://www.udemy.com/course/the-complete-guide-to-angular-2/
Pamiętaj tylko że tam jest wieczna promocja na poziomie ~90% off.
Pamiętaj tylko że tam jest wieczna promocja na poziomie ~90% off.
@vanguard2727 a nie typescript?
- 0
Ludzie z #programowanie #angular #javascript przeczytałem ostatnio że komponenty są rejestrowane jako custom element w przeglądarce i tak to działa, że mamy przykładowo tag w wynikowym HTML - na podobnej zasadzie działają webcomponenty. Pytania:
1. Dlaczego są one rejestrowane jako osobne tagi, a nie np. div z Id/klasą?
2. Ponoć custom tags zostały przyklepane przez W3 w 2016 roku - jak Angular działał do tego czasu?
1. Dlaczego są one rejestrowane jako osobne tagi, a nie np. div z Id/klasą?
2. Ponoć custom tags zostały przyklepane przez W3 w 2016 roku - jak Angular działał do tego czasu?
- 1
@wafel93: z tego co pamiętam to angularjs bo angular jest od w zasadzie 2016, to na początku miał właśnie diva albo inny element który się mu wybrało jako wrapper, a potem dodawał customowy element który był olewany przez część przeglądarek. Ogólnie miał możliwość działania w obu trybach. No i w zasadzie custom elements było już w normalnych przeglądarkach dostępne w 2013 dopiero oficjalnie było w 2016.
Aby uniknąć dodatkowego wrappera
Aby uniknąć dodatkowego wrappera
- 0
@wafel93: eval
- 0
#programowanie #angular
Miał ktoś może problem z odpaleniem jesta z nodem 14 i Angularem 12? Zaktualizowałem go do najnowszej wersji, wywalam
Miał ktoś może problem z odpaleniem jesta z nodem 14 i Angularem 12? Zaktualizowałem go do najnowszej wersji, wywalam
yarn.locka, node_modules, instaluję od zera, ale dostaję błąd jak na załączonym obrazku:
źródło: comment_1641555625dve6LYcFLr1LaTrsyvQD8c.jpg
Pobierz- 0
@Dominias: A co mówią logi ?
- 0
@Abel11: nie pomagają:
[error] Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './build/defaultResolver' is not defined by "exports" in C:\Users\Dominik\Desktop\Work\web_gui\node_modules\jest-resolve\package.json
at throwExportsNotFound (internal/modules/esm/resolve.js:290:9)
at packageExportsResolve (internal/modules/esm/resolve.js:513:3)
atZaczynam się rozglądać za nową pracą - Angular Developer (2 lata pracy w jednej firmie), trochę też DevOps'owałem w obecnej pracy (Jenkins, pipeliny itd)
Czego można spodziewać się na rekrutacji na mid Angular Developera? (moze nie 15k, ale tak ~10k ;)
ktos moze ma jakieś doświadczenia w tym temacie?
#programista15k #programowanie #frontend #angular
Czego można spodziewać się na rekrutacji na mid Angular Developera? (moze nie 15k, ale tak ~10k ;)
ktos moze ma jakieś doświadczenia w tym temacie?
#programista15k #programowanie #frontend #angular
- 3
@the-power-of-civilization: hot observable vs cold observable
@the-power-of-civilization: jak w miare samodzielny jestes z angularem i jeszcze jakies pipeline'y umiesz ustawic to na luzie wolaj 15k, sie nie czaj z 10k ( ͡° ͜ʖ ͡°)
- 0
#programowanie #angular
Czy warningi podczas
Czy warningi podczas
yarn install po updacie Angulara do 12stki traktować jako konieczne do poprawienia?
źródło: comment_1640858666UrOOoVa7eIKHGtFz9J4ZEx.jpg
Pobierz@Dominias: peer dependency to coś czego paczka oczekuje że będzie obok zainstalowane - a nie jest, co powoduje brak konkretnych funkcjonalności. Przykładowo ng-mocks ci sugeruje że powyżej angulara 9 nie jest używalna, pewnie zmieniła się struktura projektu w google i musisz się domyślić czy tego potrzebujesz.
- 1
#angular #programowanie #javascript
Mam problem z updatem Angulara, a może nie tylko z updatem co z chęcią odpalenia aktualnej wersji na innym branchu. A więc robię sobie update na osobnym branchu, wróciłem do developa i mam zonka jak na załączonym obrazku. Wywalam node_modules, dist, robię
Mam problem z updatem Angulara, a może nie tylko z updatem co z chęcią odpalenia aktualnej wersji na innym branchu. A więc robię sobie update na osobnym branchu, wróciłem do developa i mam zonka jak na załączonym obrazku. Wywalam node_modules, dist, robię
yarn cache clean, yarn install a mimo to, cały czas mi to w--------a. Spotkał się ktoś z czymś podobnym? Poprosiłem
źródło: comment_1640604003u77shafFcGQsstLFXZSWOM.jpg
Pobierz- 0
Muszę na szybko zrobić poprawkę w projekcie angularowym. Problem, że nie znam angulara i bardzo słabo JS, backed here ( ͡° ͜ʖ ͡°)
W każdym razie ktoś mi może powiedzieć jak tutaj ogarnać debugowanie w VS code ?
Widzę, ze to rozszerzenie debugger for chrome jest już oznaczone deprecated (╯︵╰,)
#angular #programowanie #frontend #javascript #typescript
W każdym razie ktoś mi może powiedzieć jak tutaj ogarnać debugowanie w VS code ?
Widzę, ze to rozszerzenie debugger for chrome jest już oznaczone deprecated (╯︵╰,)
#angular #programowanie #frontend #javascript #typescript
@Crisu: używaj webstorma. Tam wszystko działa od strzała. Nie wiem czemu ludzie się rajcuja VSCode. Jedynym jego plusem jest to że jest darmowy
- 0
#programowanie #javascript #angular
Panowie i Panie, "góra" prosi o update Angulara z wersji 8 na nowszą (powód to jakaś biblioteka którą chcą zastosować wymaga nowsze) i jutro mamy spotkanie, na którym będziemy decydować do jakiej wersji aktualizujemy. Nie mam doświadczenia w pracy z wersją nowszą niż 8, ale po krótkiej analizie ustaliłem, że 12stka powinna być ok. Może ktoś kto siedzi w temacie mnie od tego
Panowie i Panie, "góra" prosi o update Angulara z wersji 8 na nowszą (powód to jakaś biblioteka którą chcą zastosować wymaga nowsze) i jutro mamy spotkanie, na którym będziemy decydować do jakiej wersji aktualizujemy. Nie mam doświadczenia w pracy z wersją nowszą niż 8, ale po krótkiej analizie ustaliłem, że 12stka powinna być ok. Może ktoś kto siedzi w temacie mnie od tego
@Dominias: nie wiem jak jest z angularem, ale w React nikt nie daje j-----a o "którą wersję wybrać", tylko się aktualizuje do najnowszej stabilnej. I tobie też to polecam.
- 1
@dzejro: nie zawsze ma to sens - IMO lepiej najnowsza - 1 bo czesto wiele bibliotek z ktorych sie korzysta potrzebuje czasu zeby sie poaktualizowac do najnowszego angulara. Np ostatnio nie podbilismy z 11 na 12 bo nie był gotowy jeszcze poprawiony Storybook
- 0
Chciałbym zrobić w Angularze masową edycję towarów. Tylko mam problem jak przesłać dane do komponentu - które towary edytuję? Obecnie funkcjonuje to tak, że w komponencie wyświetlającym towary zrobiłem zaznaczanie masowe, które działa. Usuwanie było łatwo zrobić, bo to jeden komponent, ale nie wiem jak zabrać się do edycji - gdyż wtedy powinno być przekierowanie do innego komponentu (tak jak przy edycji pojedynczego towaru).
Komponenty nie są ze sobą powiązane (typu parent-child). Tylko
Komponenty nie są ze sobą powiązane (typu parent-child). Tylko
Treść przeznaczona dla osób powyżej 18 roku życia...
- 0
Co jak zmieni zdanie i nie chce wysłać tego pola
@PortowySzczur: po prostu zamiast label + pole dajesz checkbox + pole ( ͡° ͜ʖ ͡°) Wtedy jak chce edytowac i zostawić je puste (czyli zmienić we wszystkich edytowanych to pole na puste) to wtedy zaznacza checkbox i nic nie wpisuje.
ja bym wysłał listę id w arrayu i pola jakie ktoś dodał bo
- 0
#programowanie #angular #rxjs
Może mi ktoś podpowie czy jest w RxJS operator, który działa na zasadzie debounceTime ale przykładowo jeśli jest w p---u emitów to żeby debounce działał, ale jak minie powiedzmy 10s to niech aktualną wartość na ten moment obsłuży i ten debounce dalej działa.
Przyklad: dostaję mnóstwo updateów z API w ciągu powiedzmy minuty i żeby to zoptymalizować ustawiam debounceTime. Problem jest taki, że
Może mi ktoś podpowie czy jest w RxJS operator, który działa na zasadzie debounceTime ale przykładowo jeśli jest w p---u emitów to żeby debounce działał, ale jak minie powiedzmy 10s to niech aktualną wartość na ten moment obsłuży i ten debounce dalej działa.
Przyklad: dostaję mnóstwo updateów z API w ciągu powiedzmy minuty i żeby to zoptymalizować ustawiam debounceTime. Problem jest taki, że
- 0
@andrut1291: ok znalazłem to czego mi trzeba: https://www.learnrxjs.io/learn-rxjs/operators/filtering/throttletime
edit: chociaż nie do końca, bo nie emituje ostatniej wartości jeśli nie jest w 'interwale' https://reactive.how/throttletime
edit: chociaż nie do końca, bo nie emituje ostatniej wartości jeśli nie jest w 'interwale' https://reactive.how/throttletime
- 0
@Dominias: a może spróbuj po prostu setInterval/setTimeout. I gdy ktoś np wystąpi jakieś zdarzenie, resetujesz timer przez clearTimeout/clearInterval i uruchamiasz znów nowy?
Mam komponent, który będzie miał wiele instancji tworzonych przy pomocy operatora new. Jak ogarnąć wstrzyknięcie serwisu do takiego komponentu, żeby nie musieć podawać go drugi raz za każdym razem, tworząc nową instancję? DI w konstruktorze
constructor(private myService: myService) będzie wołał o parametr i musiałbym pisać coś takiego: const myComponent = new MyComponent(myService) - a żeby przekazać tutaj serwis, musiałbym go wstrzyknąć do komponentu, w którym się to dzieje. To jest normalne podejście?- 0
@lunaexoriens: a do czego chcesz tworzyć komponenty? Może po prostu źle do tego podchodzisz - komponenty tworzy się z factory, wtedy sam angular wstrzykuje ci jedną tą samą instancję serwisu.
Jednak jeśli masz jakiś komponent, który mimo wszystko chcesz tworzyć poprzez new - to do komponentu/serwisu gdzie ma być tworzony, daj w konstruktorze (private myService: MyService) i wtedy jak tworzysz w jakiejś funkcji komponent, to: new MyComponent(this.myService), wtedy będze to
Jednak jeśli masz jakiś komponent, który mimo wszystko chcesz tworzyć poprzez new - to do komponentu/serwisu gdzie ma być tworzony, daj w konstruktorze (private myService: MyService) i wtedy jak tworzysz w jakiejś funkcji komponent, to: new MyComponent(this.myService), wtedy będze to
#programowanie #vuejs #reactjs #javascript #programista15k #angular
Czym sugerować się przy wyborze frameworka js? Mam swój własny projekt ale jestem backend devem i średnio orientuje się w froncie, js znam, robiłem coś w reactcie jakieś proste todo listy ale to tyle. Sam projekt nie jest jakimś dużym przedsięwzięciem raczej ma być monolitem z rozłamem na front/backend api postawione na laravelu. Myślałem
Czym sugerować się przy wyborze frameworka js? Mam swój własny projekt ale jestem backend devem i średnio orientuje się w froncie, js znam, robiłem coś w reactcie jakieś proste todo listy ale to tyle. Sam projekt nie jest jakimś dużym przedsięwzięciem raczej ma być monolitem z rozłamem na front/backend api postawione na laravelu. Myślałem
- 3
@seba_thc666: we vue masz sporo bajerów pod larvę, do tego przyjemniej się klepie niż react
@seba_thc666: whatever, byle typescript
- 0
Mirki jak prawidłowo odświeżać dane w jednym komponencie jeżeli jest to triggerowane w całkowicie innym miejscu?
np. na belce głównej wyświetlam sobie ilość produktów w koszyku. Jest to pobierane z backendu przy inicjalizacji komponentu w metodzie
ngOnInit() {
this.cartItemCount$ = this.cartService.cartItemCount();
np. na belce głównej wyświetlam sobie ilość produktów w koszyku. Jest to pobierane z backendu przy inicjalizacji komponentu w metodzie
ngOnInit() {
this.cartItemCount$ = this.cartService.cartItemCount();
















Na rozkaz wielmożnego działacza społecznego Pana Jurka Owsiaka, ogłasza się, co następuje...
No dobra, może z nieco mniejszym patosem ( ͡° ͜ʖ ͡°) 30 finał Wielkiej Orkiestry Świątecznej Pomocy coraz bliżej, dlatego czujemy się zobowiązani, aby coś z
źródło: comment_1643291943oIW5AUFsrAXB5MfSRyARI3.jpg
Pobierz