httpメソッドを使用してダイアログダイアログでデータを取得する方法は？

phpを使用してデータベースからデータを取得する。データは正常です。バットデータがNgModelボックスに表示されません。 ngdialog関数でスコープパラメータを渡しました。私を助けてください。httpメソッドを使用してダイアログダイアログでデータを取得する方法は？

var adminapp = angular.module("uibootstrap", ["ngRoute", 'ngDialog']); 
 
adminapp.controller("homedata", function($scope, $rootScope, $http, $httpParamSerializerJQLike, ngDialog, $timeout) { 
 

 
    $rootScope.theme = 'ngdialog-theme-default'; 
 

 
    $scope.openDefault = function() { 
 
    ngDialog.open({ 
 
     template: 'firstDialogId', 
 
     className: 'ngdialog-theme-default', 
 
     scope: $scope 
 
    }) 
 
    }; 
 
    // get user 
 
    $http.get('http://localhost/database/get-user.php').success(function(response) { 
 
    $scope.users = response; 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<li ng-repeat="item in users"> 
 
    <a href="javascript:void(0);" ng-click="openDefault()"> 
 
    <div class="img"><img alt="" src="admin/images/user-img2.jpg"> <span class="status-red"></span></div> 
 
    <div class="msginfo"> 
 
     {{item.user_name}} <br> <span>{{item.user_status}}</span> 
 
    </div> 
 
    </a> 
 
    <script type="text/ng-template" id="firstDialogId"> 
 
    <div class="ngdialog-message"> 
 
     <div class="data"> 
 
     <div class="img"> 
 
      <img alt="" src="http://localhost/rockeditor/admin/images/img-user.png"> <a class="editbtn" href="#"><i class="fa fa-edit"></i></a> 
 
     </div> 
 
     <div class="name">{{item.user_name}}</div> 
 
     <span class="editor">{{item.user_status}}</span> 
 
     <span class="email">{{item.user_email}}</span> 
 
     <input class="btn-green" type="submit" value="Save"> 
 
     </div> 
 
    </div> 
 
    </script> 
 
</li>

出典

2017-05-31 mohsin_uiux

あなたのダイアログは開いていますか？ –

はいいいえ。空です。値はモデルボックスから正しく表示されます。 –

変数item実際にそれはあなたがあなたのhtmlでcontrollerを含めることを忘れ<li></li>

出典

2017-05-31 09:25:37 Tony

の子ノードではありません、あなたのテンプレートfirstDialogIdでは使用できません。 <li>要素

item上

使用ng-controller="homedata"が$http呼び出しが成功応答で返された後
$scope.usersが利用可能であることをscriptタグにはアクセスできません

ここ

<!DOCTYPE html> 
<html> 

<head> 
    <link rel="stylesheet" href="ngDialog.css" /> 
    <link rel="stylesheet" href="ngDialog-theme-default.css" /> 
    <script data-require="[email protected]*" data-semver="1.3.0" src="//code.angularjs.org/1.3.0/angular.js"></script> 
    <script src="ngDialog.js"></script> 

    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 

</head> 

<body ng-app="MyApp" ng-controller="homedata"> 


    <button ng-click="clickme()">Hello World</button> 
    <script type="text/ng-template" id="firstDialogId"> 
    <div ng-repeat="user in users"> 
     <div>Current user:</div> 
     <div>{{user.name}}</div> 
    </div> 
    </script> 
</body> 

</html>

を参照してください。

script.js

// Code goes here angular.module("MyApp", ['ngDialog']) .controller("homedata", homedata) function Main($scope, ngDialog) { $scope.users = [ {name: 'abc'}, {name: 'xyz'} ]; $scope.clickme = function() { ngDialog.open({ template: 'firstDialogId', className: 'ngdialog-theme-default', scope: $scope }); }; }

しかし、あなたのコントローラごとに、$http呼び出しがあり、それが応答するまで、あなたが$scope.users内の任意のデータを持っていない。だから、それがあなたとあなたのダイアログ内のデータを取得することを確認してくださいは成功応答を得る

出典

2017-05-31 09:30:33

httpメソッドを使用してダイアログダイアログでデータを取得する方法は？

答えて

関連する問題