Javascript 部分视图中重复的数据不显示数据

这是我的module.js

            var app = angular.module("ApplicationModule", ["ngRoute"]);

            app.factory("ShareData", function () {  
            return { value: 0 }  
            });  

            //Showing Routing  
            app.config(['$routeProvider', '$locationProvider', function      
            ($routeProvider, $locationProvider) {
            debugger;
            $routeProvider.when('/ShowAll',
                    {
                        templateUrl: 'Home/ShowAll',
                        controller: 'ShowAllController'
                    });
                    $routeProvider.otherwise(
                    {
                       redirectTo: '/'
                     });
                    }]);

这是我的Services.js

                app.service("SampleService", function ($http) {
                this.getSamples = function () {
                return $http.get("/api/Sample");
                };
                this.getSample = function (id) {
                return $http.get("/api/Sample" + id);
                }; 
                });

这是我的ShowAllController.js

                  app.Controller('ShowAllController', function ($scope,          
                  SampleService) {
                  loadAll();
                  function loadAll() {
                  var promiseGet = SampleService.getSamples();
                  promiseGet.success(function (data) { $scope.Samples = data           
                  },
                  function (errordata) {
                  $scope.error = errordata;
                  }
                  );
                  }
                  });

这是我的index.cshtml

                   @{
                       ViewBag.Title = "API's";
                    }
                   @section scripts{
                   <script src="~/Scripts/angular.js"></script>
                   <script src="~/Scripts/angular-route.min.js"></script>
                   <script src="~/Scripts/Module.js"></script>
                   <script src="~/Scripts/Services.js"></script>
                   <script src="~/Scripts/ShowAllController.js"></script>
                    }
                   <div class="container" data-ng-app="ApplicationModule">
                    <div class="panel panel-default">
                  <div class="panel-header">
    <div class="row">
<div><h4 class="col-xs-6">GET api/Patient</h4><a href="#/ShowAll" class="btn btn-success col-xs-6" role="button">Patients List</a></div>
</div></div>
    <div class="panel-body" data-ng-view>

    </div>
</div>

@{
ViewBag.Title=“API的”；
}
@节脚本{
}
获取api/患者信息

这是我的局部视图（ShowAll.cshtml）

身份证件
名称
年龄
地址
{{person.Id}
{{person.Name}
{{person.Age}
{{个人地址}

我的返回PartialView代码位于ShowAll ActionResult中的我的HomeController中。问题是，当我单击按钮时，它只显示表的标题，而不显示数据

注意：这是一个web api

---

谢谢。

在ajax调用之前将以下语句添加到ShowAllController中，以便Angular在配置时知道此范围变量

app.Controller('ShowAllController', function ($scope, SampleService) {

    $scope.Samples = []; // <- NEW LINE HERE!

    loadAll();
    function loadAll() {
    var promiseGet = SampleService.getSamples();
    promiseGet.success(function (data) { $scope.Samples = data           
    },
    function (errordata) {
    $scope.error = errordata;
    }
    );
    }
});

---

在ajax调用之前，将以下语句添加到ShowAllController，以便Angular在配置时知道此范围变量

app.Controller('ShowAllController', function ($scope, SampleService) {

    $scope.Samples = []; // <- NEW LINE HERE!

    loadAll();
    function loadAll() {
    var promiseGet = SampleService.getSamples();
    promiseGet.success(function (data) { $scope.Samples = data           
    },
    function (errordata) {
    $scope.error = errordata;
    }
    );
    }
});

---

我已经做了，但我仍然得到同样的结果。这是因为我的观点是片面的吗？我已经这样做了，但我仍然得到同样的结果。是不是因为我的观点有点偏颇？

$scope.$apply(function () {
    $scope.Samples = data;
})