Indiquant la directive templateUrl par rapport à la racine

Question

Je suis actuellement en indiquant templateUrl par rapport à l'actuel emplacement de la fenêtre.

cvApp.directive('personalDetails', function () {

    return {
        restrict: 'A',
        templateUrl: '../../Scripts/app/templates/personalDetails.html'
    };

});

Comment puis-je faire templateUrl par rapport à la racine de l'application? Je suis à la recherche de quelque chose comme ceci:

templateUrl: '~/Scripts/app/templates/personalDetails.html'

Peut AngularJS accomplir cette mission?

Answer 1

On dirait qu'il est pris en charge. Prises à partir d'un thread sur AngularJS Groupe Google:

l'url avec le "/" est le préfixe du domaine, sans le "/" préfixe il sera par rapport à la principale ("index.html") la page ou url de base (si vous utilisez de l'emplacement dans le mode html5).

Cela fonctionne très bien:

templateUrl: '/Scripts/app/templates/personalDetails.html'

Answer 2

On dirait que vous essayez de faire ASP.NET application de style de chemins relatifs, mais côté client. Le correctif est en fait en HTML: ajouter une base de balise dans la tête, comme ceci:

<base href="<%= Request.ApplicationPath %>" />

Alors gardez vos chemins d'accès du modèle par rapport à cela, comme dans

templateUrl: 'Scripts/app/templates/personalDetails.html'