Angularjs 数据绑定中的$ctrl无效

我想使用angular创建一个动态页面，用户登录后可以通过http请求查看其用户图片和json文件中的一些信息。 这是我执行http请求的模块：

         'user strict';

angular.
 module('userIssue').
 component('userIssue',{
    templateUrl: 'user-issue/user-issue.html',
    controller: 'userIssueCtrl'
 })

.controller('userIssueCtrl',['$scope','$http','$routeParams',function       userIssueCtrl($scope,$http,$routeParams){
var self = this;
var percorso;
$scope.utente=$routeParams.username;
document.title="Benvenuto"+" "+$routeParams.username;



$http.get('user/'+ $routeParams.username+'.json').then(function(response){
  self.utenti = response.data;

});

$http.get('user/'+$routeParams.username+'.info.json').then(function(qualcosa){
  self.d = qualcosa.data;
});

self.show = function(){
  $scope.showForm='false';
}

}]);

这是html页面不起作用的部分：

 <div class="col-sm-4">  
 <img  style="position:center;" ng-src="{{$ctrl.d.imgUrl}}" class="img-circle" alt="user image"></div>

---

当您想要使用

d

数组对象的第一个元素时，您应该显式地访问

imgUrl

属性的第一个元素

ng-src="{{$ctrl.d[0].imgUrl}}"

---

当您想要使用

d

数组对象的第一个元素时，您应该显式地访问

imgUrl

属性的第一个元素

ng-src="{{$ctrl.d[0].imgUrl}}"

---

您好，您可以尝试对代码进行以下更改并告诉我

引入了带有控制器对象的ControllerA：

组件（'userIssue'{ templateUrl:'user issue/user issue.html'， controllerAs:'userCtrl' 控制器：'userIssueCtrl'}）

通过控制器对象名称进行访问：

尝试通过控制器对象名称进行访问，如

---

{{userCtrl.d.imgUrl}}在模板中。

您好，您可以尝试对代码进行以下更改，并让我知道

引入了带有控制器对象的ControllerA：

组件（'userIssue'{ templateUrl:'user issue/user issue.html'， controllerAs:'userCtrl' 控制器：'userIssueCtrl'}）

通过控制器对象名称进行访问：

尝试通过控制器对象名称进行访问，如

---

{{userCtrl.d.imgUrl}在模板中。

显示完整的json这是我的完整json，它很小，因为它只是为了试用。很明显，我可以使用一个有效的json，但我不想让人感到困惑。您需要访问json的第一个元素

ng src=“{{{$ctrl.d[0].imgUrl}}”

显示完整的json这是我的完整json，它很小，因为它只是为了试用。很明显，我可以把一个正在工作的放进去，但我不想让人感到困惑。您需要访问json的第一个元素

ngsrc=“{{$ctrl.d[0].imgUrl}”

ng-src="{{$ctrl.d[0].imgUrl}}"