Solucionado (ver solução)
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