AngularJS ошибка: Ошибка типа: Не удается прочитать свойство «изображения» неопределенных

Question

AngularJS: v1.5.11

Im пытается отобразить изображения из массива JSON.

Правильно ли это: $scope.mainImage = $scope.template.images[0].name;. Это строка ошибки, в которой указано свойство can not read images.

Мой контроллер в templates.js файле:

.controller("TemplatesDetailsCtrl", ["$scope", "$routeParams", "$http", "$filter", function($scope, $routeParams, $http, $filter){ 
    var templateId = $routeParams.templateID; 
    $http.get("json/templates.json").success(function(data){ 
     $scope.template = $filter("filter")(data, function(d){ 
      return d.id == templateId; 
     })[0]; 
     $scope.mainImage = $scope.template.images[0].name; //THIS IS LINE 30 
    }); 
}]); 

Я пытаюсь отобразить очень первое изображение из массива. Поэтому мой HTML-код:

<img class="img-full" src="img/{{mainImage}}"> 

Бен много пытается и не может отобразить изображение. Im получение этой ошибки:

Пожалуйста, помогите.

Answer 1

Похоже, что объект «шаблон» не определен. Вы можете проверить undefined, прежде чем пытаться использовать его свойства :

if ($scope.template) 
    $scope.mainImage = $scope.template.images[0].name; //THIS IS LINE 30