Tuto Ionic. Comment passer une variable d'une vue à un controller

Bonjour, je souhaite recuperer une variable comme vous mais je n'y arrive pas. Ma console me dit que ma variable est vide et le ng-clic ne fait pas changer la vue.
Si vous avez un peu de temps pour m'expliquer un peu mieu car je débute et pour le passage de variable je ne comprend pas bien.
Merci

Je suis arrivé à faire changer la vue mais maintenant j'ai l'impression que le stateparams n'envoie pas la bonne valeur :
erruer console

or: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: chat in chats, Duplicate key: string:<, Duplicate value: <
http://errors.angularjs.org/1.5.3/ngRepeat/dupes?p0=chat%20in%20chats&p1=string%3A%3C&p2=%3C
    at ionic.bundle.js:13415
    at ngRepeatAction (ionic.bundle.js:42146)
    at $watchCollectionAction (ionic.bundle.js:30081)
    at Scope.$digest (ionic.bundle.js:30216)
    at Scope.$apply (ionic.bundle.js:30480)
    at done (ionic.bundle.js:24801)
    at completeRequest (ionic.bundle.js:24999)
    at XMLHttpRequest.requestLoaded (ionic.bundle.js:24940)

C'est marqué que tu doit utiliser un track by dans ton ng-repeat du style

<a ng-repeat="data in posts track by $index" ></a>

je te renvoie à la doc ngRepeat

Merci de ta réponse. En faite mon problème viens d'ailleurs puisque c'est quand je veux recuperer ma variable dans mon deuxième controlleur il n'y a rien dedans. Peut être ai je oublier de definir un service au debut du code :
voici :

//le premier controlleur 
.controller('contactsCtrl', function($scope, $http, $stateParams, $state) {
    $scope.doRefresh = function() {
        $scope.$broadcast('scroll.refreshComplete');
    };

    $http.get('js/data/contact.php').then(function(response) {
        $scope.contacts = response.data;
    });

    $scope.search = function(idPassedFromNgClick){
    // console.log(idPassedFromNgClick);
    $state.go('detail', {id: 1})
  }
})

//puis le deuxième

.controller('messagesDetail', function($scope,$ionicLoading, $stateParams, $http) {
        $http.post('js/data/chat.php',{'id':$stateParams.id}).then(function(response) {
        $scope.chats = response.data;
    });

})

Merci pour ton aide

la ligne de ton erreur vient de la pourtant

or: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: chat in chats, Duplicate key: string:<, Duplicate value: <

et je sais pas si tu as fait attention mais tu as un lien dans l'erreur https://docs.angularjs.org/error/ngRepeat/dupes?p0=chat%20in%20chats&p1=string:%3C&p2=%3C qui t'amene tous droit dans la doc de angular pour expliquer ton soucie

fait voir le code html lié a tes controlleurs aussi

Pour faire un essaie j'ai voulu passer une variable forcé le id : '1' :

Je ne reçois rien en parametre quand j'inspecte le code avec chrome.

.controller('contactsCtrl', function($scope, $http, $stateParams, $state) {
    $scope.doRefresh = function() {
        $scope.$broadcast('scroll.refreshComplete');
    };

    $http.get('js/data/contact.php').then(function(response) {
        $scope.contacts = response.data;
    });

    $scope.search = function(idPassedFromNgClick){
    // console.log(idPassedFromNgClick);
    $state.go('detail', {id: '1'})
  }
})

.controller('messagesDetail', function($scope,$ionicLoading, $stateParams, $state, $http) {
        $http.post('js/data/chat.php',{'id':$stateParams.id}).then(function(response) {
        $scope.chats = response.data;
    });

})

 <ion-content>
    <ion-refresher pulling-text="Pull to refresh..." on-refresh="doRefresh()"></ion-refresher>
    <div class="bar bar-header item-input-inset"  ng-show="searchkey">
      <label class="item-input-wrapper">
        <i class="icon ion-ios-search placeholder-icon"></i>
        <input type="search" placeholder="Search" ng-model="search">
      </label>
    </div>
    <ion-list>

    <a ng-repeat="contact in contacts"
       ng-click="search({{contact.idutilisateur}})"
       ng-model="id"
       class="item item-thumbnail-left" 
       >
      <h2>{{contact.idutilisateur}} {{contact.prenom}} {{contact.nom}}</h2>
    </a>

    </ion-list>
 </ion-content>

Finalement j'ai résolu le probleme ...

Je n'avais pas mis le "/:id en parametre car je pensais qu'en post il n'y en avait pas besoin . Mais aparementle probleme venait de là. Je suis ouvert à toute suggestions si il y avait une meilleur solution.
Dans tous les cas un grand merci pour ton aide

.state('detail', {
        cache: false,
        url: '/messages/detail/:id',
        templateUrl: 'templates/messages/detail.html',
        controller: 'messagesDetail'
    })

c'est exact, il est obligatoire, que cela soit en post ou en get l'id doit etre présent dans l'url pour etre recupéré par $stateParam

Merci beaucoup pour l'aide ça permet d'avancer plus vite.