Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Imagem não aparece {{foto.titulo}}

Bom dia, boa tarde ou boa noite! Não sei se é sono ou falta de conhecimento mesmo, mas segui o passo a passo, mas ao executar não tenho nenhuma imagem na tela só o seguinte erro no console:

Uncaught SyntaxError: Unexpected token <
angular.js:38 Uncaught Error: [$injector:nomod] http://errors.angularjs.org/1.3.15/$injector/nomod?p0=alurapic
    at angular.js:38
    at angular.js:1774
    at a (angular.js:1698)
    at Object.module (angular.js:1772)
    at fotos-controller.js:1
(anonymous) @ angular.js:38
(anonymous) @ angular.js:1774
a @ angular.js:1698
(anonymous) @ angular.js:1772
(anonymous) @ fotos-controller.js:1
angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=alurapic&p1=Error%3A%20%5B%24injector%3Anomod%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.3.15%2F%24injector%2Fnomod%3Fp0%3Dalurapic%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A6%3A417%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A21%3A412%0A%20%20%20%20at%20a%20(http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A21%3A53)%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A21%3A296%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A35%3A46%0A%20%20%20%20at%20r%20(http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A7%3A302)%0A%20%20%20%20at%20g%20(http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A34%3A399)%0A%20%20%20%20at%20ab%20(http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A38%3A135)%0A%20%20%20%20at%20d%20(http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A17%3A381)%0A%20%20%20%20at%20uc%20(http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A18%3A179)
    at angular.js:38
    at angular.js:4138
    at r (angular.js:323)
    at g (angular.js:4099)
    at ab (angular.js:4025)
    at d (angular.js:1452)
    at uc (angular.js:1473)
    at Jd (angular.js:1367)
    at angular.js:26304
    at HTMLDocument.a (angular.js:2762)

Index.html

<!DOCTYPE html>
<html ng-app="alurapic">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Alura PIC</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/bootstrap-theme.min.css">
    <script type="text/javascript" src="js/lib/angular.min.js"></script>
    <script type="text/javascript" src="js/main.min.js"></script>
    <script src="js/controllers/fotos-controller.js"></script>
  </head>
  <body ng-controller="FotosController">
    <div class="container">
      <h1 class="text-center">Alurapic</h1>
      <img class="img-responsive center-block" src="{{foto.url}}" alt="{{foto.titulo}}">
    </div>
  </body>
</html>

main.js

angular.module('alurapic',[]);

fotos-controller.js

angular.module('alurapic').controller('FotosController' , function($scope){

  $scope.foto = {
    titulo : 'Leão',
    url : 'http://www.fundosanimais.com/Minis/leoes.jpg'
  };
});
2 respostas
solução!

Olá.

Não criamos esse arquivo durante o curso: main.min.js. O correto é main.js. Verifique os arquivos que você criou, inclusive se estão salvos na pasta correta.

Show! Funcionou, realmente eu acabei colocando no código o :

main.min.js.

Muito Obrigado!