Estou criando uma aplicação simples em AngularJS, a aplicação se resume em 3 páginas:
- Aparelho: Onde a pessoa escolhe o aparelho
- Planos: Escolhe o plano relacionado ao aparelho
- Cadastro final informando nome, e-mail, telefone e etc...
A lista de aparelhos e de planos possíveis para aquele aparelho escolhido vem de um arquivo JSON, que eu pego através de uma requisição HTTP
A dúvida é: Eu gostaria de ir salvando essas informações, quando ele clicar em um aparelho, depois o plano e salvasse e depois de escrever os dados
salvasse tudo e saisse na página final e um console.log
, mas como faço isso?
Esse é o meu arquivo api.js, onde faço a requisição dos aparelhos:
// plataformas
//arquivo api.js
app.controller('plataformAPI', function($scope, $http){
$http.get('http://private-59658d-celulardireto2017.apiary-mock.com/plataformas')
.then(function(response){
$scope.dados = response.data.plataformas;
});
});
Esse é o arquivo home.html, onde a pessoa escolhe os aparelhos:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align="center" ng-controller="plataformAPI">
<div ng-repeat="x in dados">
<h1>{{x.nome}}</h1>
<p>{{x.descricao.replace('|',' ')}}</p>
<p><a class="btn btn-primary btn-md" href="{{prefix + x.nome}}" role="button">Quero esse</a></p>
</div>
</div>
Cheguei a criar o seguinte esquema, mas não funcionou, salva no localstorage
como undefined
:
// click event
$scope.eventos = {};
$scope.eventos.Clique = function() {
var nomeAparelho = document.getElementsByClassName('nomeAparelho').value;
localStorage.setItem("aparelho:", nomeAparelho);
}
});