javascript - Angular 将数据传递到模态和模态实例

标签 javascript angularjs json angular-ui-bootstrap

我在将数据传递到模式时遇到问题。我正在使用 ng-repeat 显示 json 文件中的数据,如下所示

[
  {
   "id": 1,
   "userId": 0,
   "userName": "Krzyniu",
   "question":"abczxcvbnmasdfghjklqwewertyu",
   "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   "voteCount": 18,
   "date": 7,

  },
  {
    "id": 2,
    "userId": 3,
    "userName": "Pablo",
    "question":"def?",
    "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    "voteCount": 5,
    "date": 3,

  }
]

我想使用 userId 打开一个模式,该模式显示来自其他 json 文件的数据,其中包含特定的用户配置文件数据,例如事件级别、评论数量等。

我正在使用 ui bootstrap,我的 Controller 看起来像这样

    .controller('modalCtrl', function ($http, $scope, $uibModal, $log) {

      $http.get('json/users.json').success(function(data){
        $scope.items = data;
      });

      $scope.open = function (size) {

        var modalInstance = $uibModal.open({
          templateUrl: 'myModalContent.html',
          controller: 'ModalInstanceCtrl',
          size: size,
          resolve: {
            items: function () {
              return $scope.items;
            },
            item: function(){
              return size;
            }
          }
        });

      };
    })

还有那个

.controller('ModalInstanceCtrl', function ($scope, $uibModalInstance, items, item) {
      console.log();
      $scope.item = item;
      $scope.items = items;
      $scope.selected = {
        item: $scope.items[0]
      };

      $scope.ok = function () {
        $uibModalInstance.close($scope.selected.item);
      };

      $scope.cancel = function () {
        $uibModalInstance.dismiss('cancel');
      }
    })

最佳答案

这是 DataService 的工作。

正如您可以在 Jhon Papa 的 Angular styleguide 中找到的那样.

All Angular services are singletons That's why services are the best way to share data between controllers.

看一下关于数据服务的具体 session here .

关于javascript - Angular 将数据传递到模态和模态实例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38245988/

相关文章:

javascript - 如何根据浏览器宽度动态重新提供内容?

javascript - Angular 路由覆盖选项卡和折叠面板插件使用的 href 行为

angularjs - ng-重复 : output only unique first letter filter

javascript - 对于 Javascript 应用程序,比普通 JSON 更丰富的数据序列化?

java - 在 Gson 中,如何反序列化任意类的列表映射?

javascript - 将第一个属性转换为键

JavaScript - FOR 循环内的 IF 语句输出两个选项

javascript - 使用 SMS Firebase : Error (auth/argument-error) 进行身份验证

javascript - ie8下jQuery xml跨域数据解析失败

angularjs - 如何调试 AngularJS 中的类型转换错误?