Ng-src 不适用于本地存储的图像

Question

我正在 angularjs 中尝试一些东西。这是我制作的控制器：

function ImagesController($scope){
    $scope.count = 0;
    $scope.imags = [
        {
            image1: 'images/levels/level1/sky.jpg',
            image2: 'images/levels/level1/rain.jpg',
            image3: 'images/levels/level1/sky.jpg'
        },
        {
            image1: 'images/levels/level2/x.jpg',
            image2: 'images/levels/level2/y.jpg',
            image3: 'images/levels/level2/z.jpg'
        }
    ];
  }

这是链接到这个控制器的 HTML：

<div ng-controller="ImagesController">
      Random Writing
        <img ng-src="$scope.imags[0].image1">
 </div>

我不知道为什么我尝试显示的图像不起作用。我已经将 ng-app 添加到标签中，所以这不是问题。

Answer 1

我相信你应该写

   <img ng-src="{{imags[0].image1}}>

链接到directives documentation