部分视图中的data-ng-repeat不显示数据

Question

这是我的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>

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

               <div data-ng-controller="ShowAllController">
                <table>
                    <tr>
                  <th>ID</th>
                  <th>Name</th>
                 <th>Age</th>
                 <th>Address</th>
                   </tr>
                 <tr data-ng-repeat="person in Samples">
                 <td>{{person.Id}}</td>
                  <td>{{person.Name}}</td>
                 <td>{{person.Age}}</td>
                  <td>{{person.Address}}</td>
                  </tr>
                  </table>
                   </div>

我的返回PartialView代码位于ShowAll ActionResult内的HomeController中。问题是，当我点击按钮时，它只显示没有数据的表格标题。

注意：这是一个web api。

谢谢。