如何在HTML视图中显示AngularJS控制器数据？

我想在HTML模板文件中显示AngularJS控制器数据。我试过这个：

我的AngularJS控制器代码：

if(response.status  ==  'success') {
    $scope.lowcreditCtrl.data = response.data;
    console.log($scope.lowcreditCtrl.data);
}

response.data

对象包含我想要传递到HTML视图的所有输出数据

我的HTML代码：

<p>Full Name: {{firstName + " " + lastName}}</p>

<p> Hello {{$scope.lowcreditCtrl.data.firstName}}</p>
<p>{{$scope.lowcreditCtrl.data.lastName}}</p>
<p>{{$scope.lowcreditCtrl.data.email}}</p>
<p>{{$scope.lowcreditCtrl.data.credit}}</p>

<p>Your account credit balance {{lowcreditCtrl.credit}} is low. Please click the Add Credit button to update your account.</p>

---

如果HTML视图绑定到JS控制器，则不需要在变量前面加上

$scope.

<p> Hello {{lowcreditCtrl.data.firstName}}</p>
<p>{{lowcreditCtrl.data.lastName}}</p>
<p>{{lowcreditCtrl.data.email}}</p>
<p>{{lowcreditCtrl.data.credit}}</p>

你好{{{lowcreditCtrl.data.firstName}

{{lowcreditCtrl.data.lastName}

{{lowcreditCtrl.data.email}

{{lowcreditCtrl.data.credit}

将响应分配给$scope后，尝试执行“$scope.$apply（）”。如果没有额外的代码，我猜您只需要运行摘要循环。

<p> Hello {{lowcreditCtrl.data.firstName}}</p>
<p>{{lowcreditCtrl.data.lastName}}</p>
<p>{{lowcreditCtrl.data.email}}</p>
<p>{{lowcreditCtrl.data.credit}}</p>