如何在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>

这是console.log处理数据的结果:

id: "7"
credit: "0.00"
firstName: "Rahul"
lastName: "Joshi"
email: "rahul@gdiz.com"

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

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

最新更新