0

我的配置：

  .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没有用。你能帮助我吗？

4

2 回答 2

2

您正在使用 ui-router 进行路由，但希望在 ngRoute 的 routeParams 服务中找到 ui-router 状态参数。不会发生。

使用$stateParams，并从应用程序中删除 ngRoute 依赖项，因为您使用的是 ui-router。

要解决其他答案解释的其他注入问题，并避免以后重复，我建议您坚持简单的声明或参数（不使用强制复制所有服务名称的数组语法），并使用ng-注释以使其自动最小化。

于 2016-06-16T12:34:17.133 回答
0

更改您的控制器代码如下

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

   $scope.data = $routeParams.id;
于 2016-06-16T12:33:23.400 回答