在没有 url 帮助的情况下在控制器之间传递数据？

Question

我正在使用 AngularJS 创建两页 Web 应用程序。我的 Json 文件是：

{
    "data": [

        { "name": "bhav",
"id": 123
            },
{"name": "bhavi",
"id": 1234
},
{"name": "bhavk",
"id": 1235
}
]
}

我的app.js（路由文件是）：

myApp = angular.module('myApp', ['slickCarousel',
  'ngRoute',
  'myAppControllers',
    'myAppServices','swipeLi'
]);

myApp.config(['$routeProvider',
  function($routeProvider) {

    $routeProvider.
      when('/', {
        templateUrl: 'partials/home-page.html',
        controller: 'ProfileListCtrl',
    }).
    when('/profile/:typeofprofile', {
        templateUrl: 'partials/profile-detail.html',
        controller: 'ProfileDetailCtrl'
      })
}]);

我的第一页（主页-page.html）在给定格式中：

<div ng-repeat="data in data">
<a href="profile/myfriend">{{data.name}}</a>
</div>

和第 2 页（个人资料-details.html）考虑到我正在使用 http.get 请求从控制器中的 Json 文件中提取数据，我想要 配置文件的 ID 号 .

所以请帮我在不通过 URL 的情况下获取点击个人资料的 ID 或名称。

注意：我已经查看了ui-路线link：但我没明白。

Answer 1

正如你在评论中所说，你想使用 $state.go() 传递你的 data.Using $state.go() 传递 params 非常简单以及。您需要在应用程序中注入 ui.router 。我创建了 2 个部分视图来显示参数的传递，其中 params 从 header.html 传递到 side.html。

您的 JS 将如下所示：

var app = angular.module('nested', ['ui.router']);
app.config(function($stateProvider,$locationProvider, $urlRouterProvider) {
  $urlRouterProvider.otherwise("/");
  $stateProvider.state('top', {
      url: "",
      templateUrl: "header.html",
      controller: 'topCtrl'
    })
    .state('top.side', {
      url: '/app/:obj/:name',
      templateUrl: "side.html",
      controller: 'filterCtrl'
    })
});

app.controller('topCtrl', function($scope,$state) {
          $scope.goItem = function(){
            $state.go('top.side',{obj:441,name:'alex'});
          };
      });


app.controller('filterCtrl', function($scope,$state) {
  console.log(JSON.stringify($state.params));
  $scope.params = $state.params;
      });

这是正在工作的 PLUNKER，您可以在其中找到关于 views、controller 和 script 需要做的事情：

http://plnkr.co/edit/M1QEYrmNcwTeFd6FtC4t?p=preview

我提供了使用 ui-sref 和 $state.go() 传递 $stateParams 的方法。但是，如果你想在所有控制器之间共享数据。请参阅我在这个问题中的回答：

在没有 url 帮助的情况下在控制器之间传递数据？

Passing data in between controller without help of url?

javascript

angularjs

angular-routing

angularjs-directive

angular-ui-router