如何在 MVC 视图中访问 angular $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 = {}。那么这段代码应该可以完成工作。

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

How to access values from angular $scope variable in MVC view?

javascript

model-view-controller

angularjs