NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 3 - Dokončení kalkulačky v Angular frameworku

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
Ladislav Niderle
Člen
Avatar
Ladislav Niderle:3.2.2019 15:21

Mo cděkuji za tento tutoriál, hledal jsem něco podle čeho se dá naučit základ a zatím nenašel až zda, kde je zase základ vysvětlen, takže budu schopen potom i dále nasávat informace i z cizích zdrojů. Takže moc děkuji a těším se co všechno se zde naučím v tomto jazyce.

Myslíš, že by se dalo potom až budeš mít tento kurz hotový udělat jenom nějaký miniprojekt, kde se ukáže jak angularm tak i práce se serverem ať s php nebo javou a komunikace mezi nimi? Děkuji

 
Odpovědět
3.2.2019 15:21
Avatar
Jindřich Máca
Tvůrce
Avatar
Odpovídá na Ladislav Niderle
Jindřich Máca:3.2.2019 17:49

Ahoj, tak v první řadě jsem moc rád, že se seriál líbí. :)

Co se potom týče komunikace mezi serverem a klientem, tak je to předběžně v plánu už na další díly tohoto seriálu, ale kdy přesně vyjdou zatím nejsem schopen s jistotou říct.

 
Odpovědět
3.2.2019 17:49
Avatar
Ladislav Niderle
Člen
Avatar
Odpovídá na Jindřich Máca
Ladislav Niderle:4.2.2019 4:26

Tak to už se těším a nevadí, když se neví kdy to bude, ale hlavní pro mně je, že se s tím počítá a uvidím jak se taková aplikace správně tvoří od nuly.

 
Odpovědět
4.2.2019 4:26
Avatar
David Tilšer
Člen
Avatar
David Tilšer:10.2.2019 16:42

Ostatním to funguje? Mně to vrací chybu:
Uncaught Error: Template parse errors:
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("<form [ERROR ->][formGroup]="cal­culatorForm" (ngSubmit)="on­Submit()">
<label for="x">
První číslo: <input id="x"): ng:///AppModu­le/Calculator­Component.html@0:6
at syntaxError (compiler.js:2426)

Někdo řešil něco podobného?

Odpovědět
10.2.2019 16:42
Odpočinek je pro slabochy.
Avatar
Jindřich Máca
Tvůrce
Avatar
Odpovídá na David Tilšer
Jindřich Máca:11.2.2019 20:37

Zdravím, importoval sis správně ReactiveFormsModule popsaný v předchozím díle? :)

 
Odpovědět
11.2.2019 20:37
Avatar
David Tilšer
Člen
Avatar
Odpovídá na Jindřich Máca
David Tilšer:11.2.2019 22:22

Děkuji, opravdu mi tam ten import chyběl. Už to jede tak jak má :-)

Odpovědět
11.2.2019 22:22
Odpočinek je pro slabochy.
Avatar
Václav Čížek
Člen
Avatar
Václav Čížek:2.4.2019 14:28

Ahoj Jindřichu, díky za fajn tutoriál! :) Chci se zeptat na pár nesrovnalostí. Založil jsem novou aplikaci pomocí pžíkazu "ng new calculator", vstoupil do vytvořené složky a spustil příkazem "ng serve --open" a otestoval v prohlížeči na adrese http://localhost:4200/, že nová aplikace běží. Potom jsem postupoval krok za krokem podle tvého návodu. Na konci ale prohlížeč nic nezobrazoval, ale snažil se něco načíst, neúspěšně. Po vypnutí služby jsem spustil příkaz "npm install", aplikace začala fungovat. Netušíš, čím by to mohlo být způsobeno?
Druhá věc je, že když v kalkulačce provádím např. operaci 8,2 - 0,2, dostanu výsledek 7.999999999999999. Čím by to mohlo být a jak by se to dalo ošetřit? Předem děkuji za odpověď

 
Odpovědět
2.4.2019 14:28
Avatar
Jindřich Máca
Tvůrce
Avatar
Odpovídá na Václav Čížek
Jindřich Máca:2.4.2019 15:31

Ahoj, v první řadě není zač, jsem rád, že se tutoriál líbí. :)

Potom k těm problémům:

  1. Příkaz npm install nainstaluje všechny knihovny závislostí. Je možné, že tam něco chybělo. Přímo na konci tohoto článku je o tom napsané varování. ;)
  2. Problém s aritmetikou není vůbec problém Angularu, ale čistého JavaScriptu. Když se v JS napíše stejný výpočet, dostaneš stejný výsledek. :) No pak, když už víš co hledáš, tak např. jeden z prvních výsledků z Googlu - https://www.avioconsulting.com/…ision-issues, ale věřím, že tady už si poradíš.
 
Odpovědět
2.4.2019 15:31
Avatar
MadBaz
Člen
Avatar
MadBaz:31.7.2022 22:56

Ahoj, nechce mi program projit kvůli 2 chybám:
const operation: keyof typeof Operation = values.operation - mi píše Typ string | null | undefined nejde přiřadit typu "ADD" | "SUBTRACT" | "MULTIPLY" | "DIVIDE".
Typ undefined nejde přiřadit typu "ADD" | "SUBTRACT" | "MULTIPLY" | "DIVIDE".
this.result = this.calculator­Service.calcu­late(Operation[o­peration], values.x, values.y) - values.x - Argument typu number | null | undefined nejde přiřadit k parametru typu number.
Typ undefined nejde přiřadit typu number.

S druhou chybou jsem si poradil tak, že jsem přidal || 0 k values.x a values.y v result, ale s tím operation si nevím rady. Stejné chyby se zobrazuji i v případě, když spustím tvůj zdrojak. V čem je problém? Jak ho vyřešit? Předem děkuji

 
Odpovědět
31.7.2022 22:56
Avatar
Jaroslav Drobek
Člen
Avatar
Jaroslav Drobek:13.8.2022 6:09

Hodnocení:

  • Když už je látka v lekcích rozdělena tak, že předchozí končí "chybou" (zatím neexistuje CalculatorComponent, ale už se importuje), navrhuji upozornit na to čtenáře a ušetřit mu bezesnou noc :o
  • Tedy že bych výkladem nějak zmoudřel, to vůbec ne. Tento naivně-nevědomě-nadřazený styl "napsat všechno, co vím a je mi jasné, takže to není třeba objasňovat", je pro analyticky zaměřené outsidery málo přínosný.
 
Odpovědět
13.8.2022 6:09
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 15.