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