Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
15
respostas

Mais um erro na hora de carregar a imagem corretamente, os arquivos estão no seus lugares

estou tentando acompanhar o curso, já olhei em outros tópicos mas não consegui ver nada de errado no meu fonte, para ver o que está de errado estou enviando o meu fonte

<!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 src="js/lib/angular.min.js"></script>
        <script src="js/main.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> <!-- fim container -->        
    </body>
</html>

meu arquivo main.js

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

o meu controller

angular.module('alurapic').controller('FotosController', function($scope){
    $scope.foto = {
           titulo : 'leão',
           url: 'http://www.fundosanimais.com/Minis/leoes.jpg'
    };

});

a unica coisa que ele apresenta é o arquivo da imagem corropido na tela do alurapic

15 respostas

E aí, Douglas! Tudo certinho, cara? =)

Quando você acessa sua aplicação no browser, você chegou a verificar se aparece algum erro no console? Para isso, aperte F12 (Chrome)... Se houver algum erro, você verá um "x" vermelho no canto superior direito, junto a um número... Clica nele e você verá o console com os erros... Você pode verificar se há algum, por favor? =)

Fábio

conforme vc me orientou, verifiquei na aba consele e não entendi o por que desse dois erros


angular.js:11655 Error: [ng:areq] http://errors.angularjs.org/1.3.15/ng/areq?p0=FotosController&p1=not%20a%20function%2C%20got%20undefined
    at angular.js:38
    at Rb (angular.js:1587)
    at sb (angular.js:1597)
    at angular.js:8470
    at angular.js:7638
    at r (angular.js:331)
    at B (angular.js:7625)
    at g (angular.js:7117)
    at g (angular.js:7120)
    at angular.js:6996
angular.js:11655 Error: [ng:areq] http://errors.angularjs.org/1.3.15/ng/areq?p0=FotosController&p1=not%20a%20function%2C%20got%20undefined
    at angular.js:38
    at Rb (angular.js:1587)
    at sb (angular.js:1597)
    at angular.js:8470
    at angular.js:7638
    at r (angular.js:331)
    at B (angular.js:7625)
    at g (angular.js:7117)
    at g (angular.js:7120)
    at angular.js:6996

Cara, eu dei uma pesquisada aqui para ver se encontrava alguém com problemas semelhantes, mas as soluções não se aplicam ao seu caso...

Vamos passo a passo, aqui. Rs...

Você poderia me informar como está sua estrutura de pastas? =)

Existe a possibilidade de anexar um print meste chamado?

Hm... Você precisa hospedar a imagem em algum outro lugar e postar o link aqui para nós vermos...

https://www.dropbox.com/sh/b4iqzf7571y0atp/AABlJddYY3mFv3T3lUkjYqZqa?dl=0

coloquei no dropBox caso não consiga ver nos contate

O erro que você esta tendo é porque o Angular não esta encontrando a definição de FotosController.

No seu index.html você tem:

<script src="js/controllers/fotos-controller.js"></script>

Você salvou o arquivo com este nome mesmo? Você pode afirmar se ele é importado?

Pode ficar tranquilo que esta tudo certinho com o treinamento, mais de 1000 alunos já passaram dessa parte sem problema algum. Vamos descobrir o que aconteceu com seu projeto.

Aguardo seu retorno.

Oi Douglas! Assim que puder me dê um retorno.

Douglas, tudo certo, cara? =)

Você conseguiu resolver o problema? Deu continuidade ao curso? Precisa de alguma ajuda ainda? =)

Fábio

Sim está conforme eu mandei na imagem, os arquivo no meu ver estão com o nome correto

Douglas,

Ah, sim. Eu dei uma olhada na imagem, mas não consegui achar o problema. =|

Conforme o Flavio havia mencionado, o problema é que o Angular não está conseguindo encontrar o seu Controller, mas também não encontrei a causa do problema, visto que seu código aparenta estar correto incluindo a estrutura de pastas...

Por isso perguntei se ainda precisa de ajuda... =|

Vou tentar dar mais uma olhada aqui, ok? =)

Fábio

Talvez, o único jeito de descobrirmos onde esta seu erro seja compartilhando o projeto zipado ou no ZIP.

Aliás, qual endereço de imagem você esta usando????????? É um endereço válido?

No aguardo.

solução!

E aí, Douglas, tudo certinho, cara? =)

Não ouvimos de você há algum tempo... Conseguiu resolver o problema? Podemos fechar esse tópico? =)

Fábio