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

Imagem não aparece

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

<!-- 

<!DOCTYPE html>
<html lang="pt-br" ng-app="alurapic">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <title>Alurapic</title>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <script type="js/lib/angular.min.js"></script>
        <script type="js/main.js"></script>
        <script type="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> <!-- fim container -->        
    </body>
</html>

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

    $scope.foto = {
        titulo: 'cel',
        url: 'http://www.acqio.com.br/wp-content/themes/Acqio/img/mini-acqio.png'
    };

});
6 respostas

Oi Marcos !

No console do Chrome, qual mensagem em vermelho aparece? Cole-a para mim.

Mas já adianto que há um erro de sintaxe. Você escreveu

angular.modulo('alurapic',[])

O correto é

angular.module('alurapic',[])

Abraço

Consertei o para angular.module('alurapic',[])

no console não aparece erro mas verifiquei que o network não aparece o angular angular.min.js

localhost 200 document Other 1.0 KB 30 ms favicon.ico 200 text/html Other 1.0 KB 7 ms bootstrap.min.css 304 stylesheet (index) 244 B 12 ms bootstrap-theme.min.css 304 stylesheet (index) 243 B 12 ms %7B%7Bfoto.url%7D%7D 304 text/html (index) 782 B 38 ms

solução!

São suas tags script. O caminho é na propriedade src e não type. Só ajustar lá.

Você fez assim

<script type="js/lib/angular.min.js"></script>

Correto é

<script src="js/lib/angular.min.js"></script>

Tem que corrigir nos três. Em html a tag script não possui a propriedade type.

usei o atalho do html e acabei não prestando atenção funcionou perfeitamente apos trocar nas tags

Obrigado e pode fechar o topico

Eu fechei. Mas você pode fechar, aliás fica mais correto. O aluno escolhendo o post da solução.

Abraço