rendben, köszönöm mindkettőtöknek

Xbox One: bandymnc

Van egy kliens (böngésző), és van egy szerver (PHP). Ezek között az adatok az interneten keresztül (még ha ez fejlesztői gép esetében éppen gépen belül is történik), áramolnak az adatok.
OOP ide vagy oda, az adatokat túl sokféleképpen nem tudod a kliens és a szerver között küldeni, xml / json az elterjedt formátumok (az utóbbi 10 évben persze már inkább csak a json, de ahogy az angular, úgy az xml is sokáig velünk él még sőt forms encoded stringekkel is lehet még találkozni).
Azaz jó lesz neked a JSON-ben adatküldés. Kliens oldalon ez könnyen objektummá deszerializálható.

Én kérek elnézést!

Lehet félreérthető voltam, vagy épp én értelek félre kliens és szerver között mindképp json be megy az adat

Én két komponens között kérdeztem ezt, van egy formos komponens, és az adja át valamilyen formába az adatot ugye egy másik komponensek, aki majd átalakítja json be és küldi tovább a szervernek, és e két komponens között akkor mind1 hogy milyen formátumba csak menjen az adat

Xbox One: bandymnc

A tokeletesseg igenye nelkul itt van egy nagyon egyszeru pelda.

Nem csinaltam mast, mint egy sima formot, ami onSubmit() -kor meghiv egy servicet, ami pedig majd elintezi a dolgokat a szerverrel. Mint lathatod, a service tartalmaz egy User interfacet ami csak a tipusossag miatt kell, ha csapatban dolgozik az ember akkor szerintem feler egy ongyilkossaggal anelkul dolgozni.

Szoval a komponensedben nem csinalsz mast, mint a kapott adatot levalidalod, ha pedig oke, akkor tovabb adod a servicenek kb. ugy ahogy mutattam.

köszönöm, igazából megválaszoltad ezzel már a kérdésem, bár így lett még1

...formValue pontosan mi? vagyis gondolom, hogy belerakja az objektumba, de pontosan mit jelent?

onSubmit(formValue: any) {
const user: User = {
...formValue,
}

this.userService.saveUser(user);
}

Xbox One: bandymnc

Spread.

köszönöm

Meg is lett a Form, átadtam, próbálom menteni, de valami hibám van ,amire nem jövök rá, vagyis sejtem...

JSON.stringify()-t használom, hogy az objektumból JSON formátumot kreáljak, ezt ki is írattam konzolra, és ezt adta:

{"student":{"id":10,"lastName":"efefe","firstName":"efefe","age":5,"postCode":null,"email":"eefefe"}}

student a legelső pozícióban nem tudom miért került oda? Lehet csak a kiíratásnál keletkezett, de Http Error Respenso-t is dob, yntaxError: Unexpected token d in JSON at position 0

Bár ahogy olvasom, lehet a válasszal lenne baja?

Xbox One: bandymnc

Szeretném, ha magadtól keresnéd meg a probléma okát. Félre ne érts, nagyon szívesen segítek és írok példákat ha kell, de ezt egy kis kutatással magad is meg tudod oldani.

Persze értelek, elsőszőr én is keresek, csak még ismeretlen kicsit ez, gondolom mivel az angular dobta a hibát akkor ott kutakodjak először?

Xbox One: bandymnc

Biztos, hogy az angular dobta?
Nekem ez valamilyen JSON formázós hibának tűnik.

Meg lett

Én voltam a balf@asz, megadtam, az eredetileg használt optionst a post-nak, de közbe abban az volt, hogy json-t vár vissza, PHP-ban, meg nem adtam vissza semmit

Xbox One: bandymnc

Mit érdemes még megnéznem, hogy majd gond nélkül meg tudjam csinálni a frontendet?

eddig amik voltak:

Megvannak hogyan épülnek fel, komponensek,service stb
útvonalakat is tudom haszálni
reactive form+validáción rajta vagyok, de már ezt is csináltam

Gondolom,hogy sok dolog van ebbe az Angulárba, szóval lehet értelmetlen volt a ez a kérdésem

Xbox One: bandymnc

Ha az alapvető építőelemek szerepével tisztában vagy, össze tudod őket kötni, formokat tudsz létrehozni és a szerverrel is kommunikálsz, akkor sikerülni fog.

Aztán időközben utánanézhetsz mondjuk a direktíváknak, pipe-oknak, best practicesnek. Next level téma például valami kliens oldali state manager megismerése. Ajánlom ezt.

Ahogy írtad, sok minden van ebben az egész kalandban. Menetközben szerintem úgy is elő fognak jönni az igényeid, a google jó barátod lesz.

Egy ideje már keresem, de nem tudom mire kellene rákeresnem, hogy meglegyen

Lényeg, hogy hogyan tudnék olyan Formot csinálni, ahol egy kereső mező van, abba amit beírok, megkeresi a várost, és behelyettesíti az irányítószám mezőbe a városhoz tartozó számot

Igazából a neheze meg van, tehát kilistázom és elvileg kiválasztom a várost, amihez elvileg egy click eseményt kötöttem, de nem helyettesíti be az irányítószám mezőbe...

+szerintem elég kókler is lett, szóval az lenne a legjobb ha tudnátok erre valami példát adni, mert én nem igen találok hasonlót

Xbox One: bandymnc

Használj autocomplete-et és iratkozz fel az optionSelected eseményére -> [link]

Do the thing!

Fajin, köszi, van itt mindenre megoldás csak győzze az ember összepakolgatni

Xbox One: bandymnc

ezt csak ezzel a materialos cuccal lehet megcsinálni mi? Ha jól értem ez kész elemeket tartalmaz, amiből fel tudom építeni a weboldalt?

Xbox One: bandymnc

Ja igen, azt elfelejtettem mondani. Én most a munkahelyen ezt használom és szerintem kifejezetten jó, sokmindent készhez kapsz.

Do the thing!

fél dél előtöm rá ment, míg rájöttem, hogy miért nem működik, mert fele cuccot bele se raktam

De most ezzel akkor fel lehetne építeni CSS nélkül egy konkrét weboldalat?
Gondolom ha beépítem, akkor tudok szelektálni, hogy melyik stílusokat akarom használni, és melyiket nem, ha egyedi weboldalat akarok

Xbox One: bandymnc

Eléggé megköti a kezed, mi legalábbis a témázáson kívül nem nagyon nyúlunk bele a default kinézetbe (persze lehet, de nem tudom, mennyire kín). Ha valami nagyon egyedit szeretnél, akkor lehet, hogy mást érdemes keresned.

Do the thing!

nem néztem bele igazán mélyen, hogy mit lehet kihozni belőle, igazából én odáig meg vissza vagyok a material kinézetért, szal tetszik, csak nem akarom, hogy túlságosan hasonlítson más weboldalakhoz

Xbox One: bandymnc

Pedig a materiallal ezt nehezen tudod csak elkerülni.

Egyeb elemekkel siman ellensulyozni lehet a material stilusat. Mmint igen, egy material dropdown kb ugyanugy nez ki minden weboldalon de attol meg maga az oldal tud ugy kinezni - ezekkel az elemekkel - hogy az nagyban kulonbozzon minden mastol.

Szoval csak ez, ne vessen vissza abban, hogy materialt hasznalj @bandi0000.

[ Szerkesztve ]

jó hát nem omlik össze a világ, ha nem ez lesz a legegyedibb, elég sok szopástól kímél ez meg szerintem, hogy megérje, belenéztem és nagyon sok jó cucc van benne, amit egyszerűbb használni mint megírni

Xbox One: bandymnc

Ja, értelek. Mondjuk egy jó pár éve már kint van ez az irányelv, aztán tavalyi google dev konferencián még ők mondták, hogy ahogy kiadták úgy elkezdte mindenki használni és egykaptafára készült minden. Azóta a guideline is bíztat a formákra, egyediségre.. etc.

[ Szerkesztve ]

kérdés

Használni próbálom ezt a sorted table-t a materialba, de hibát dob a Slice-ra

Létezik, hogy ez csak tömbökön működik? Mert utánanézve mintha ilyesmi lenne

és ha igen, akkor ha objektum tömbböm van, akkor mit csináljak? Alakítsam sima tömbbé?

Xbox One: bandymnc

Esetleg tobb infot kaphatnank?

Jah, bocsesz
[ezt] csináltam, de a slice-ra hibát ad, ha objektumra hívom meg, de ahigy olvastam a slice() az tömbökre használható

Xbox One: bandymnc

Csak nekem hibas a link?

Array.prototype.slice()

[javítva]

Akkor ezek szerint csak sima tömbbön működik

Xbox One: bandymnc

hülyeséget mondtam, mert elvileg mindenen működik ez a slice, a példában is egy interfacet valósítottak meg

Viszont ami szerintem a hiba, hogy ha jól tévedek, a construktor előbb fut le mint az ngOninit, viszont a construktorba hívom a slice()-t, az ngOninitbe meg töltöm fel a tömböt az objektumokkal

Erre mi lehetne a megoldás? Nemes egyszerűséggel átdobtam a contruktorba a tömb feltöltést, de persze nem jutottam semmire

Xbox One: bandymnc

Minek hívod meg a slice-t a konstruktorban? Gondolom te http-n kapsz valamit és annak az eredményét beteszed egy változóba és ennyi.

És igen a slice az tömbön működik. Így paraméter nélkül meg semmit se csinál csak egy shallow copyt.

[ Szerkesztve ]

Ezt nagyon alaposan tessék elolvasni.

Mert a példában is úgy csinálták

constructor() {
this.sortedData = this.desserts.slice();
}

desserts egy interface-t valósít meg

igen, szervertől kapok adatot, és ngOnInit-ben töltöm fel a tömbjét

viszont a példában van egy ideiglenes változó amiben rendezi az adatokat, ezért kell átadni neki azt a tömböt

Zedz: Rendben, azt hittem erőből menni fog ez

[ Szerkesztve ]

Xbox One: bandymnc

és közben +1 kérdés

Amikor ugye egy select list-ben keresek, pl város, akkor azt hogy szokták/érdemes csinálni? lekérdezem szerverről az összes várost, és abba keresek, vagy pedig úgy, hogy elküldöm a szervernek a "search term"-et, és akkor vissza kapom az arra illeszkedő városokat

Xbox One: bandymnc

Mert beégette az adatokat, ha innen akarsz hívni egy service-t akkor neked így indítani a konstruktort nem sok értelme van (egy üres tömböt deklarálsz majd belekopizol egy üres tömböt). Viszont ha azon a vonalon vagy hogy resolve-olod a state-ben a service hívást akkor akár még járható út is lehet, hiszen akkor van mit lemásolni.

Mind a két féle képp szokták csinálni, de szerintem könnyebb lenne ha úgy próbálnád, ha letöltenéd az összes várost, és csak localban szűrnéd a listát.

Ezt az angular tutorialból szedtem, ezek szerint akkor nem így csinálják a valós alkalmazásnál?

Egyre inkább jövök rá, hogy a tutorial csak elindulásnak jó, mert egy csomó dolog szivat benne

Zedz: mindkettőt csináltam már,kisebb nagyobb sikerrel

Már nekem is ég a pofámról a bőr, hogy ilyen sokat kérdezek, de az első mindig a gugli, és aztán jövök ide, de ahogy észreveszem, inkább konstrukciós hibákat csinálok

[ Szerkesztve ]

Xbox One: bandymnc

Adatmennyiségtől, használattól függ.
SPA esetben, ha nem sok ezer elemű listáról van szó, akkor nyugodtan letöltheted mindet, és minden esetben újra felhasználhatod a listát.

Én kérek elnézést!

Egyre inkább jövök rá, hogy a tutorial csak elindulásnak jó, mert egy csomó dolog szivat benne

Sok dolgot mockolnak ezekben a példákban, hogy könnyebben emészthető legyen. Aztán ja, az élet máshogy hozza, akkor kicsit ülni kell felette.

Nagyjából ennek úgy kell kinéznie amúgy, hogy minél előbb meghívod a servicet ami az adatokat szolgálja, aztán az vissza ad egy observablet. Azt szépen feldolgozod, és async megjeleníted a táblázatodban. (async pipe a templateben, keress rá).

Routerben is elintézheted az adatlekérést. Ha jól tudom akkor ez még a component betöltése előtt megfut, tehát fixen ott lesz adatod mire megjelenítésre kerül az adott component. A constructorban ettől függetlenül nem szokás business logicot helyezni, tessék szépen kiszervezni az adatok feldolgozását egy functionbe.

[ Szerkesztve ]

Még1 és befejeztem

arra mi a bevált módszer,ha a fentebb javasult material-selectet használnám, de az is string tömböt eszik, nekem meg ugye objektum tömbböm van

+ ugye ha kiválasztja a várost pl, akkor annak hatására rögtön beíródik az irányítószám, ezért lenne jó az objektum, mert akkor ezt könnyen meg lehet oldani, ha csak 1 tömbben lenne a város név, akkor viszont keresést kéne csinálnom az irányítószám alapján

[ Szerkesztve ]

Xbox One: bandymnc

Példát néztél?

Persze , [aoutocomplete] kell nekem, mert itt lehet ugye keresni is, nem csak kiválasztani, de itt egy string tömböt használ

Xbox One: bandymnc

Ugyanúgy megküldheted objektum tömbbel is, mint a mezei selectet.

Igen, csak a [filter] elvileg nem működik objektum tömbbel

Hopsz, azt nem figyeltem na keresgélek akkor

[ Szerkesztve ]

Xbox One: bandymnc

1.7-es Angular?

Egyik élő kódom:

<mat-autocomplete #auto="matAutocomplete"
[displayWith]="displayFn">
<mat-option *ngFor="let country of (orderedCountryCodeList | async)"
[value]="country">
{{ country.countryName }} - {{ country.countryCode }}
</mat-option>
</mat-autocomplete>

Ahol a lista amit megforgat: orderedCountryCodeList: Observable<Country[]>;

[ Szerkesztve ]

Na sikerült működésre bírnom a sport-ot is és az autocomplete-ot is

Mindkettőnél az volt a baj, hogy hamarabb akart használni valamilyen metódust az objektum tömbön, mint ahogyan az megkapta volna az adatokat, legalább is szerintem

Annyit kellett csak csinálnom, hogy ahol létrehoztam az objektum tömböket, annak adtam kezdőértéknek egy üres tömböt, és így jó lett

Ez mennyire jó megoldás? Megoldás szempontjából hibátlanul működik, de ezt eleve így kellett volna, vagy csak találtam egy kiskaput ?

Xbox One: bandymnc

Elkiabáltam

a sort nem működik

Mármint annyira igen, hogy először egy tök üres táblázatot mutat, aztán ha rányomok valamire, akkor kidobja a táblázatot,viszont nem teljesen rendezi be, gondolom azért, mert az elején egy 0-ás tömbre van meghívva a slice() és azt tölti bele a rendezett tömbbe

Lehet ezt valahogy késleltetni? Vagy csak egy if-el vizsgáljam meg, hogy van e már adat?

Xbox One: bandymnc

bocs kicsit sok a hozzászólás...

utánajártam, és találtam egy megoldást erre, ngOninit-ba a subscribe után adok értéket a tömbnek, így csak akkor hajtódik végre, ha megjön a szervertől az adat, ez így jó is

ngOnInit() {
this.studentService.getStudents()
.subscribe((response)=>{
this.students = response;
this.sortedData = this.students.slice();
});
}

De nem jövök rá, hogy mitől nem akarja rendezni az adatokat, + hogy az email mezőt jól rendezi, a többit nem, ha valakinek van ötlete hogy mit szúrtam el, akkor hálás lennék

teljes forráskód

Xbox One: bandymnc