I made a list in the ionic that returns some values, but when I click on the list to show these values completely, I can not recover ...
My controller:
app.factory('services', ['$http', function($http) {
var obj={};
obj.getPessoas = function() { return $http.get('http://xxxx.com.br/conecta.php'); }
return obj;
}]);
app.controller("pessoasCtrl", function($scope, services,$ionicScrollDelegate) {
services.getPessoas().then( function(data) {
$scope.pessoas = data.data;
} )
$scope.scrollTop = function() {
$ionicScrollDelegate.scrollTop(true);
};
})
my app.js
.state('tab.chats', {
url: '/chats',
views: {
'tab-chats': {
templateUrl: 'templates/tab-chats.html',
controller: 'pessoasCtrl'
}
}
})
.state('tab.chat-detail', {
url: '/chats/:chatId',
views: {
'tab-chats': {
templateUrl: 'templates/chat-detail.html',
controller: 'pessoasCtrl'
}
}
})
The call on the chats page:
<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="pessoa in pessoas" type="item-text-wrap" href="#/tab/chats/{{pessoa.DOU_CODIGO}}">
<img ng-src="{{pessoa.face}}">
<h2>{{pessoa.DOU_NOME}}</h2>
<p>{{chat.DOU_ESPECIALIDADE}}</p>
<i class="icon ion-chevron-right icon-accessory"></i>
</ion-item>
And when I click on each line, I can not retrieve from chat-detail that it looks like this:
<ion-view view-title="{{pessoa.DOU_CODIGO}}">
<ion-content class="padding">
<img ng-src="{{pessoa.face}}" style="width: 64px; height: 64px">
<p>
{{pessoa.DOU_CODIGO}}
</p>
</ion-content>
</ion-view>