我想在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>