Ng-src nie działa dla obrazu przechowywanego lokalnie

Question

Próbuję coś w angularjs. Jest to sterownik zrobiłem:

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' 
     } 
    ]; 
    } 

I to jest HTML linkami do tego kontrolera:

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

nie wiem dlaczego obraz, który próbuję wyświetlić nie działa. Dodałem już aplikację ng do tagu, więc nie może to być problem.

Answer 1

wierzę trzeba napisać

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

Link do directives documentation