angularjs - コントローラー (AngularJs) で $routeParams の値を取得できません

Question

私の設定：

  .config(function($stateProvider, $urlRouterProvider) {


  $stateProvider


 .state('tab.chats', {
      url: '/chats/:id',
      views: {
        'tab-chats': {
          templateUrl: 'templates/tab-chats.html',
          controller: 'detail'
        }
      }
    })


$urlRouterProvider.otherwise('/tab/dash');

})

私のコントローラー：

.controller("detail", ["$scope", "$http", function($scope, $http, $routeParams){

   $scope.data = $routeParams.id;

私のhtml：

<ion-view>
  <ion-content class="ata1">
    <a href="#/tab/dash" rel="nofollow"><img id="logo" src="img/falimda.png" alt="" /></a>

    <div class="clear"></div>


    <div ng-controller="detail">
      {{data}}
    </div>


    <div class="clear"></div>

    <a href="#/tab/dash" class="button button-outline button-light">Back</a>

  </ion-content>
</ion-view>

ここでは、Ionic Framework でモバイル アプリケーションをプログラミングしていますが、何かを解決できませんでした。

idこれを使用してコントローラー内でこれを使用しようとしていますが、これrouteParamsを使用してidWeb からデータを取得できますが、残念ながらコントローラー内でアクセスできません。内部のデータをテストして印刷しようとしましたが、ng-controllerうまくいきませんでした。手伝って頂けますか？