如何在 MVC 视图中访问角度 $scope 变量的值？

Question

以下函数从控制器函数中检索数据并将其保存到$scope.Details 并重定向到支付视图。

$scope.pay = function () {

          $http.get('api/Details/123').success(function (data) {
              $scope.Details = data;
          });

          $location.url('/payment');
      }

另外，我正在初始化 paymentForm 范围以获取上面检索到的来自 $scope.Details 的值。

$scope.paymentForm =  {
          FirstName: $scope.Details.FirstName,
          LastName: $scope.Details.LastName,
      PaymentAmount: $scope.Details.PaymentAmount
      };

控制器功能：

[HttpGet]
    [Route("api/Details/{id}")]
    public Details Details(int id)
    {
        return new Details()
        {
            FirstName = "Test",
            LastName = "Tester"
        };
    }

付款视图：

<label for="fname">First Name</label>
<input id="firstname" type="text" ng-model="paymentForm.FirstName">
<label for="lname">Last Name</label>
<input id="lastname" type="text" ng-model="paymentForm.LastName">

付款表单不会填充名字和姓氏字段中的值。谁能指出我在这里缺少什么？ 谢谢！

Answer 1

尝试在$scope.pay 函数声明的上方添加$scope.Details = {}。那么这段代码应该可以完成这项工作。