は（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で使用していますので、idを使用してウェブからデータを取り込むことはできますが、残念ながらコントローラの内部に届くことはありません。私はテストし、ng-controllerの中で自分のデータを印刷しようとしましたが動作しませんでした。手伝って頂けますか？

Answer 1

以下のようにあなたのコントローラのコードを変更し

。起こらないだろう。

$stateParamsを使用して、ui-routerを使用しているため、アプリケーションからngRoute依存関係を削除してください。

もう1つの答えを説明し、後でそれを繰り返さないようにするには、単純な宣言またはパラメータ（すべてのサービス名を複製する配列構文を使用しないでください）に固執することをお勧めします。 ng-annotateを使用して、自動的にミニサイズにします。

Answer 2

あなたはルーティングのためのUI-ルータを使用して、しかしngRouteのrouteParamsサービスのUI-ルータ状態パラメータを見つけるために期待している

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

    $scope.data = $routeParams.id;