IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

Diskusia – 3. diel - Dokončenie kalkulačky v Angular frameworku

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
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

 
Odpovedať
3.2.2019 15:21
Avatar
Jindřich Máca
Tvůrce
Avatar
Odpovedá 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.

 
Odpovedať
3.2.2019 17:49
Avatar
Ladislav Niderle
Člen
Avatar
Odpovedá 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.

 
Odpovedať
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?

Odpovedať
10.2.2019 16:42
Odpočinek je pro slabochy.
Avatar
Jindřich Máca
Tvůrce
Avatar
Odpovedá 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? :)

 
Odpovedať
11.2.2019 20:37
Avatar
David Tilšer
Člen
Avatar
Odpovedá 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á :-)

Odpovedať
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ěď

 
Odpovedať
2.4.2019 14:28
Avatar
Jindřich Máca
Tvůrce
Avatar
Odpovedá 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íš.
 
Odpovedať
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

 
Odpovedať
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ý.
 
Odpovedať
13.8.2022 6:09
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zatiaľ nikto nevložil komentár - buď prvý!