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

链接到指令文档