Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

templateURL não funciona

Referente ao curso AngularJS: crie webapps poderosas, no capítulo Dividir para conquistar! e atividade Redirecionamento

por bruno santos
| 152k xp | 3 posts

templateURL não funciona Navegador chrome Versão 50.0.2661.102 m

main.js

angular.module('alurapic',['minhasDiretivas','ngAnimate', 'ngRoute'])
.config(function($routeProvider, $locationProvider){
        $locationProvider.html5Mode(true);

        $routeProvider.    when('/fotos', {
            templateUrl: 'partials/principal.html',
            controller: 'FotosController'
        });
        $routeProvider.when('/fotos/new', {
            template: '<h1 ng-transclude>Nova Foto</h1'
        });
        $routeProvider.otherwise({redirectTo:'/fotos'});

});

Se eu uso só template funciona.

4 respostas
por Igor Vieira
| 95.3k xp | 2 posts

Provavelmente deve ter sido na hora da escrita, principalmente no fim do templateUrl a string a qual ele recebe tem uma virgula:

templateUrl: 'partials/foto.html',     <-

Tenta dar uma assegurada quanto a isso, pois se sua rota principal funcionou, a outra vai funcionar, a diferença delas é o seu path, o controller, e a template, qualquer coisa esse é meu $routeProvider de '/fotos/new':

$routeProvider.when('/fotos/new', {
    templateUrl: 'partials/foto.html',
    controller: 'FotoController'
});

Espero ter ajudado, bons estudos! =)

por Flavio Henrique de Souza Almeida
| 3119.3k xp | 6969 posts
Instrutor Instrutor/Desenvolvedor Web Sênior/Autor

Se você não estiver acessando a página por intermédio do servidor o templateUrl não vai funcionar. Você está acessando a página através de localhost:3000? O caminho que você colou em templateUrl é o caminho válido? O arquivo existe dentro de alurapic/public/partials?

Outra coisa, no template há erro de digitação, a tag h1 não esta fechada corretamente.

Aliás, em nenhum momento você compartilhou mensagens de erro que são exibidas no console do seu navegador. Sem informações como essa, fica muito difícil ajudar.

Aguardo a mensagem do console aqui.

Pode ficar tranquilo que zilhões de alunos já terminaram o curso sem qualquer problema. A gente descobre o que esta havendo.

por bruno santos
| 152k xp | 3 posts

Pessoal muito obrigado pelo retorno. Fiz algumas revisões no código de acordo com aulas e pelo que entendi algumas class do bootstrap no principal.html não carregam(a tela do link mostra a forma que está sendo apresentada). Dessa forma, não fica igual a tela apresentada na aula.

Tela com console

Grato,

solução!
por Francisco Ramon da Silva Pinto
| 154.3k xp | 45 posts
Programador Web

Bruno, os erro de carregamento é porque está faltando você adiciona os .map dos arquivos minificados do AngularJs, que pode ser adquiridos na página oficial do angularJs https://code.angularjs.org/1.5.5/ , você deve procurar os arquivos angular.min.js.map,angular-routes.min.js.map e angular-animate.min.js.map