Как отобразить данные контроллера AngularJS в представлении HTML?

Question

Я хочу отобразить AngularJS данные контроллера в файле шаблона HTML. Я пробовал это:

Мой 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"

Answer 1

Если представление HTML привязано к контроллеру JS, вам не нужно ставить перед переменными префикс $scope..

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