在$ route模板中使用局部视图

Question

您好我正在尝试在我的角度$route模板中使用局部视图，但它不是工作属性，并且控制器中的$ http.get请求被调用了7次。我从我的MVC控制器返回局部视图..你可以使用角度$ route模板的局部视图吗？我只看到了View()的一些答案，但是PartialViews没有任何想法？

路线：

<script type="text/javascript">
    app.config(function ($routeProvider) {
        $routeProvider.when("/a-7/", {
           templateUrl: window.location.origin + '/View/GetDetails'
          })
      });
</script>

它调用的MVC控制器

[HttpGet]
public ActionResult GetDetails()
{
   return PartialView("~/Views/Test/_TestDetails.cshtml");
}

AngularJS控制器：

app.controller("Details", function ($routeParams, $scope, $http, $route) {
    var vm = this;
    $scope.Id= $routeParams.id;
    $http.get("/View/GetDetailsData", { params: { id: $scope.Id} })
    .then(function(response){
       $scope.Test = response.data;
       $("#myModal").modal()
    })
});

部分视图

<div data-ng-controller="Details as $ctrl" class="Details">
       <p>{{ Test }}
</div>