AngularJS cu MVC si modelul corespunzator

Am avut de făcut un proiecțel de eCommerce cu integrare în Authorize.NET. Toată partea de order am făcut-o cu AngularJS care trimite comanda parțială peste un mic WebAPI. În felul ăsta am scutit timp în prostie pe partea de dezvoltare pe client.  După ce comanda se salvează parțial, se introduc datele de plata și…

Totul a mers ață până când am realizat că nu am nici un fel de tratare a erorilor de plată… mi se intorceau frumos niște coduri de eroare și nu făceam nimic cu ele.

Și chiar dacă aș fi făcut ar fi trebuit să mă întorc în pagina de checkout unde va trebui să repopulez câmpurile de nume, adresă, etc. cu ce s-a salvat mai devreme. Inițial nu aveam un model pe pagina de checkout pentru că nu era cazul.

După ce am pus modelul și ș-am populat cu date am constatat că AngularJS îmi dă peste cap valorile pentru ca are precedență pe partea de UI. Adică chiar dacă în sursă se vedea clar câmpul FirstName cu valoarea Blah, in UI se vedea gol. (vezi și altii care au pățit-o aici)

a1

 

Am urmărit frumos indicațiile prețioase și mi-a ieșit astfel:

  • în View am bagat frumos un script care imi randeaza modelul raw json

a2

  • în controller-ul Angular am setat modelul meu după ce s-a randat în view

a4

  • bingo.

a3

Leave a Reply

Your email address will not be published. Required fields are marked *