javascript - Angular 不显示 Controller 中传递的 ng 重复的 $scope 数据。也没有错误

Question

在这个项目中，我正在对 ionic 的点击列表项执行查询。我从 php json_encode 获取数据。数据显示在响应下的网络选项卡中。另外，我添加了 $scope.doctorList = {};之后写了这行 $scope.doctorList = response 来自 success 函数。数据也显示在 console.log($scope.doctorList) 中。

现在，当我尝试以 Angular 显示此数据时，它没有显示任何内容。我已将其包含在 ng-repeat 中: ng-repeat = "doctors in doctorList"

语法似乎是正确的，因为同样的事情适用于另一个 Controller ，但在这里，我无法检索数据。页面变为空白，控制台/网络选项卡中没有错误。

我使用一个 Controller 来处理两个 html 文件。请帮忙

这是路由文件

angular.module('app.routes', []).config(function ($stateProvider, $urlRouterProvider, $ionicConfigProvider) {
    $stateProvider.state('homeselect', {
        url: '/home-select',
        templateUrl: 'templates/homeselect.html',
        controller: 'homeCtrl'
    });

    $stateProvider.state('home', {
        url: '/home',
        templateUrl: 'templates/home.html',
        controller: 'homeCtrl'
    });
});

这是 Controller

angular.module('app.controllers', []).controller('homeCtrl', function ($scope, $http, $ionicSideMenuDelegate, myServices, $window) {

    $ionicSideMenuDelegate.toggleLeft();

    $scope.loadDoc = function (type) {
        $http({
            url: "http://localhost/drmedic/retrieve_details_type.php",
            method: "POST",
            data: {
                data: type
            }
        }).success(function (response) {
            $scope.doctorList = {};
            $scope.doctorList = response;
            $window.location.href = '#/home-select';
        });

    };

    $http({method: 'GET', url: 'http://localhost/drmedic/retrieve_details.php'}).success(function (data) {
        $scope.contents = {};
        $scope.contents = data;
    });
});

这是 ng-repeat 的 html 文件代码

<ion-list ng-repeat="doctors in doctorList">
  <ion-item>
  <center>
    {{doctors.name}}<br>
    {{doctors.fees}}
  </center>
  </ion-item>
</ion-list>

Answer 1

您可以使用service。打开一个名为service.js的文件。之后将其注入(inject)到app.js。我修改了代码如下:

Service.js:

 angular.module('app.services', [])
    .factory("AppService", function ($http) {
        var AppService= {};

        AppService.GetDetails = function (data) {
            return  $http({
            url: "http://localhost/drmedic/retrieve_details_type.php",
            method: "POST",
            data: {
                data: data
            }
            });
        return AppService;
        }

Controller .js:

.controller('homeCtrl',function($scope,$http,$ionicSideMenuDelegate,myServices,$window,AppService) {
        $ionicSideMenuDelegate.toggleLeft();
        $scope.loadDoc = function(type){
       AppService.GetDetails({type:type}).success(function (response) {
              $scope.doctorList = {}; 
              $scope.doctorList = response;
              $window.location.href = '#/home-select';
        })
        .error(function (err) {
              console.log(err);
        });
   }
});