javascript - AngularJS错误: TypeError: Cannot read property 'images' of undefined

Question

AngularJS:v1.5.11

我正在尝试显示 JSON 数组中的图像。

这是正确的方法吗:$scope.mainImage = $scope.template.images[0].name;。这是错误中的一行，它表示无法读取 images 的属性。

templates.js 文件中的我的 Controller :

.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}}">

Ben 尝试了很多，但无法显示图像。我收到此错误:

请帮忙。

Answer 1

似乎"template"对象未定义。在尝试使用其属性之前，您可以测试未定义:

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