问angular js将获取的数据显示到ngDialog
EN

Stack Overflow用户

提问于 2018-06-13 18:16:07

回答 1查看 175关注 0票数 0

我想从服务器获取数据并将其显示到ngDialog对话框

我正在尝试下面的代码

var myApp = angular.module('myApp', ['ui.router', 'ngDialog']);
myApp.controller('test', function($scope, $http, ngDialog) {
  $scope.plist = [];
  $scope.pno = 1;
  $scope.likeDetails = function(item) {
    var data = 'id=' + item.id + "&userid=" + $scope.userid +
      "&pno=" + $scope.ppno;
    $http({
      method: 'POST',
      url: "show-liked-users",
      data: data,
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
      }
    }).then(function successCallback(rs, status, headers, config) {
      console.log(rs);

      for (var i = 0; i < rs.data.plist.length; i++) {
        $scope.plist.push(rs.data.plist[i]);
      }

    }, function errorCallback(data, status, header, config) {
      alert("Opps unable to connect to server");
    });
    ngDialog.open({
      template: 'liked-user-page',
      className: 'ngdialog-theme-plain',
      scope: $scope,
      data: $scope.plist
    });
  };
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.9/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.18/ui-router-angularjs.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-dialog/1.4.0/js/ngDialog.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ng-dialog/1.4.0/css/ngDialog.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ng-dialog/1.4.0/css/ngDialog-theme-default.css" />

<html>

<body ng-app="myApp">
  <div ng-controller="test">
    <div class="like-count" ng-click="likeDetails(s)">
      5
    </div>
  </div>
</body>

</html>

like-user-page url包含一个页面

<div ng-repeat="i in plist">
{{i.fname}} {{i.lname}}
</div>

在这里，我调用‘`show like-details’来获取json数据，该数据返回用户的id、fname、lname。我想在打开的ngDoalog对话框中显示此数据，它显示的是喜欢的文本-用户页面

我想在plist中迭代‘like-user- page’(这是表示服务器中的页面的url )数据，并将其显示给ngdialog。以及如何在ngDialog中调用url

angularjs

ng-dialog

回答 1

Stack Overflow用户

发布于 2018-06-13 21:37:42

您应该在$http调用的成功回调中打开您的对话框。

var myApp = angular.module('myApp', ['ui.router', 'ngDialog']);
myApp.controller('test', function($scope, $http, ngDialog) {
  $scope.plist = [];
  $scope.pno = 1;
  $scope.likeDetails = function(item) {
    var data = 'id=' + item.id + "&userid=" + $scope.userid +
      "&pno=" + $scope.ppno;
    $http({
      method: 'POST',
      url: "show-liked-users",
      data: data,
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
      }
    }).then(function successCallback(rs, status, headers, config) {
      console.log(rs);

      for (var i = 0; i < rs.data.plist.length; i++) {
        $scope.plist.push(rs.data.plist[i]);
      }
      ngDialog.open({
        template: 'liked-user-page',
        className: 'ngdialog-theme-plain',
        scope: $scope,
        data: $scope.plist
      });
    }, function errorCallback(data, status, header, config) {
      alert("Opps unable to connect to server");
    });

  };
});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50834689

复制

相似问题

问angular js将获取的数据显示到ngDialog
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问angular js将获取的数据显示到ngDialogEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问angular js将获取的数据显示到ngDialog
EN