Javascript：使用AngularJs显示来自Json的图像

我有一个包含以下内容的Json：

[
     {
          "_id": "00000",
          "title": "",
          "genre": "fantasy",
          "year": "1999",
          "image": "photo.jpg"
     }
]

我使用AngularJs，我想在我的html页面中显示图像。代码如下：

---

我如何展示照片？因为照片是jpg的。谢谢

您可能希望在每次修改模型的http请求之后调用$scope.$apply（），并且需要将新值传递给视图

lo.controller('listController', function ($scope, $http) {
    $http.get('http://.......').success(function (data) {

        $scope.lista = data;
        $scope.$apply();
        }).
        error(function (data, status) {
            $scope.lista = "Request failed";
            $scope.$apply();
        });
});

---

首先，json中的属性名是

image

，但在数据中使用的html中，图像似乎位于“image”属性中，但在代码中引用了“book.cover”。用“书.图像”来代替？这不是问题…书写错误@用户3751473好的。但是你应该有图像的完整url来显示它<代码>ng src=”http://......./{{book.cover}}“我当然知道……这个代码不会出现错误！

var modulo = angular.module('progetto', ['ngRoute']);

modulo.config(function ($routeProvider) {
    $routeProvider
        // route for the home page
        .when('/', {
            templateUrl: 'list.html',
            controller: 'listController'
        })
});

modulo.controller('listController', function ($scope, $http) {
    $http.get('http://.......').success(function (data) {

        $scope.lista = data;
        }).
        error(function (data, status) {
            $scope.lista = "Request failed";
        });
});

lo.controller('listController', function ($scope, $http) {
    $http.get('http://.......').success(function (data) {

        $scope.lista = data;
        $scope.$apply();
        }).
        error(function (data, status) {
            $scope.lista = "Request failed";
            $scope.$apply();
        });
});