Dyrektywa kątowa z templateUrl - Problem na Plunker?

Question

Czy mogę utworzyć łącze do określonego pliku w Plunker? Konkretnie chciałbym użyć kątowych za „templateUrl” w ramach dyrektywy uzewnętrznić HTML dotyczący dyrektywy Jestem budynku:

myApp.directive('groupedlist', function() { 
    return { 
    restrict: 'E', 
    scope: true, 
    templateUrl: '/groupedList.html', 
    link: function() {} 
    }; 
}); 

Mam plik o nazwie „groupedList.html”, który zawiera szablon HTML ale wygląda na to, że są to logiczne pliki w ramach projektu Plunker - moja przeglądarka skarży się, ponieważ nie może znaleźć pliku groupedList.html. Czy można zrobić to, co próbuję zrobić przy użyciu Plunkera? Wolałbym nie używać atrybutu "szablon", ponieważ istnieje nieistotna ilość treści HTML, które chciałbym przekazać na zewnątrz.

Answer 1

SzablonUrl nie działa z bezwzględnymi adresami URL, zamiast tego użyj względnego adresu URL (np. "./page.html" lub "../templates/page.html"). Jeśli potrzebujesz załadować stronę do domeny, u możesz wykonać żądanie (XMLHttpRequest) i ustawić STRING HTML jako szablon.

Answer 2

Jak co Rafael powiedział, ale tylko dodać ... jeśli umieścić swoje pliki w podfolderze jak ja, zastosowanie: templateUrl: 'app/home.html', styleUrls: ['app/home.css'],

można by pomyśleć './home.html' będzie działać, ale tak nie jest, chociaż mój składnik znajduje się w tym samym folderze.