How could I pass a JSON object between views:
angular.module('app')
.controller('MeuControle', function($scope) {
$scope.listaPessoas = [
{
nome: "Patrick",
idade: 19
},
{
nome: "Joao",
idade: 17
},
{
nome: "Maria",
idade: 20
}
];
$scope.clicada = function(pessoa) {
$scope.pessoaSelecionada = pessoa;
$location.path("app/pessoaDetalhe");
};
})
listing people:
<ion-view hide-back-button="true" view-title="Listando Pessoas">
<ion-content class="padding">
<h1>Inicio</h1>
<button ng-repeat="pessoa in listaPessoas" ng-click="clicada(pessoa)">
{{pessoa.nome}}
</button>
</ion-content>
</ion-view>
However, the $ scope.sampled variable arrives in the other empty view (app / personDetails), both use the same controller:
<ion-view hide-back-button="true" view-title="Detalhes">
<ion-content class="padding">
<h1>Nome {{pessoaSelecionada.nome}} idade {{pessoaSelecionada.idade}} </h1>
</ion-content>
</ion-view>
If I leave fixed $ scope.PersonSelected = {name: "so-and-so", age: 20} values pass, not dynamically.