Progresso do preenchimento de um formulário em angularJS

[Glauber_Cezar 0]

Pessoal,

 

Preciso de uma lógica/orientação em angularJS para isto:

 

tenho um formulário (ajax) com campos para informação sobre uma pessoa (Nome, sexo, etnia...etc). Ao lado do fomulário tenho as seguintes informações:

 

- Preenchimento do perfil: xx%

- Faltam x itens

- item 1

- item 2

- ...etc

 

Ou seja, a porcentagem do total de campos preenchidos, a quantidade de campos (em branco) restantes, e a descrição dos itens na forma de uma lista (ng-repeat) informando quais faltam.

 

A minha dificuldade está na parte de enviar o formulário (ng-click) e atualizar estas informações dinamicamente ao lado do formulário. O back-end já está pronto, então minha dúvida não envolve como enviar ou como trazer esses dados, mas sim em como atualizá-los ali. Atualmente tenho que dar o refresh da página e não é isso que quero.

 

Abraços

[Rafael Sirotheau 43]

Você definou os controllers, scopes, etc. pra essa página? Porque as variáveis do $scope são atualizadas automaticamente quando alteradas.

Utiliza ng-model nos campos do formulário com a váriavel desejada.

Dá uma lida na documentação: https://docs.angularjs.org/guide/controller

[Glauber_Cezar 0]

Opa Rafael, blz?

 

Da uma olhada aí no que já está feito: http://embed.plnkr.co/8U11n2rucvTxX785lXDv/preview

 

Só que ainda ta muito estranho, acredito que ainda vou gastar um bom tempo com isso, então qualquer contribuição é bem vinda.