Diskuze: angular 7 json
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.


Zobrazeno 16 zpráv z 16.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.


Property 'code' does not exist on type 'any[]'.
Jelikož TypeScript je typovací jazyk, musíš dodat typ vlastnosti code (pokud samozřejmě existuje).
Asi takto:
ojbekt.code as string
No u mně skoro ne, ale právě při té komunikaci se serverem to bude, jen nevím jak na to ani podle toho příkladu. Ukážu co myslím:
this.LicenseService.getAllModules().subscribe((value: any[]) => {
console.log('Moduly: ', value);
if (value.code === 'OK'){
// zde se má něco vykonat, ale právě položka code je podtržená, že je chyba, co jsem již napsal.
}
});
Datový typ any[] reprezentuje pole jakéhokoliv vypu. Pole se standardně indexuje pomocí čísel. Ty chceš do pole přistoupit pomocí klíče, měl by jsi to tedy změnit na objekt:
any[] -> {}
Předpokládám, že metoda getAllModules() je typu Observable<any[]>? Jaký očekáváš výstup?
[
{
"code": "OK",
...
},
...
]
Alespoň o tohle se snažíš v podmínce.
No mám následující:
{
"code": "OK",
"msg": "...."
},
a toto dostanu ze serveru. a při zapnutí přes ng serve mi to nyní vyhodí
následující chybu:
error TS2339: Property 'code' does not exist on type '{}'
když jsem to value změnil na {}.
takže nejsem schopen přímo nachystat ten objekt, kdyý ho přebírám ze
serveru a nevím jak to udělat, aby to při spuštění neházelo samé
chyby.
<script>
// Firefox
var x = {
"code": "OK",
"msg": "zprava"
};
alert(x); //[object Object]
alert(x.code); //OK
alert(x.msg); //zprava
alert(x['code']); //OK
alert(x['msg']); //zprava
alert(x["code"]); //OK
alert(x["msg"]); //zprava
</script>
Pokud v nevis, zda v objektu neco mas ci ne, tak viz Ladislav
if (value.code && value.code === 'OK') {
value.code je bud (false / undefined / '"" / 0) nebo (true / "text" / 123)
Verim, ze podobne to funguje v angularu.
Property 'code' does not exist on type 'any[]'.
Pokud to pise tohle, znamena to, ze v tom poli code neexistuje. Nemuzes pouzit
neco jako foreach jako v php a vypsat si cele pole? treba tve pole vypada
takto:
var x = [{
"code": "OK",
"msg": "zprava"
}];
To je pak neco jineho.
alert(x[0]['code']) //nebo x[0].code
V předchozím příspěvku jsi přidal útržek kódu, ve kterém bylo toto:
console.log('Moduly: ', value)
Co to vypíše do konzole? Ať konečně zjistíme, jaký datový typ to je...
Výsledek je toto:
{
"code": "OK",
"msg": "...."
}
ale toto dostanu ze serveru, takže je clkem logicné, že když pouštím aplikaci, tak než komunikuju se serverem tak to samozřejmě ani neexistuje. IntelliJ mi to podtrhne sama hned a pak samozřejmě při ng serve mi to vyhodí chybu, když tou dobou ještě se serverem nekomunikuji. V normálním javascriptu/AnguarJS mu to vůbec nevadí a maximálně to padne až při tom dotazu, ale zde je prostě problém už jenom v tom, že to pole nebo v tomto přpípadě objekt nemám nikde definovaný, jelikož to posílá server, tak nemohu mít nikde přeci definovanou struktůru objektu, nebo se to dá?
V TypeScriptu si můžeš nadefinovat interface, na který ten výsledek ze serveru pretypujes. Pak by Ti to už nemělo podtrhávat.
Tak jsem si už nadefinoval ty interface a opravdu to pomohlo, ale nyní když mám vytvořený interface v jednom souboru a importuji to následně:
import { License } from "./license";
import { Result } from "./result";
v následujícím, tak mi to podtrhne právě to "./license"
a napíšemi že, File XY/license.ts is not a module.
Vzhled toho interfacu je následující:
interface License {
code: string;
msg: string;
}
Nevíte někdo proč to hlásí jako problém? bez toho mi MAVEN nedovolí udělat build bohužel
ještě před interface dej slovíčko export 
Tak potom mi to vypíše toto zaa chybu:
ERROR in src/app/license/license.component.ts(173,7): error TS2696: The 'Object' type is assignable to very few other types. Did you mean to use the 'any' type instead?
Type 'Object' is missing the following properties from type 'License': code, msg
u tohoto zápisu to podtrhne červeně: this.odpoved = value;
A proměnnou odpověď mám takto definovanou:
odpoved: License;
Musíš to přetypovat
this.odpoved = <License> value;
Zobrazeno 16 zpráv z 16.