Utilizzo del file html in url modello di direttiva angolare nel progetto mvc 5

Question

Sto creando un'applicazione angularJs in MVC 5. Ho creato una direttiva come indicato di seguito.

app.directive('clusterButton', function() { 
    return { 
     restrict: 'E', 
     scope: { 
      clusterInfo: '=info' 
     }, 
     templateUrl: function(elem, attr){ 
      return 'ClusterButtonTemplate'; 
     } 
    }; 
}); 

ho .cshtml file chiamato ClusterButtonTemplate.cshtml e ho creato un metodo di vista parziale nella classe controller per restituire questo punto di vista. Quindi la direttiva angular js sta vincolando il modello.

Ho bisogno di rimuovere il metodo in classe controller mvc e ho bisogno di fare riferimento direttamente al file modello. Non voglio usare un file cshtml. Ho bisogno di un file html per modello. Ho creato un file ClusterButtonTemplate.html. Ma mentre si imposta il modello come sotto il browser mostra un 404 error.

app.directive('clusterButton', function() { 
    return { 
     restrict: 'E', 
     scope: { 
      clusterInfo: '=info' 
     }, 
     templateUrl: function(elem, attr){ 
      return 'ClusterButtonTemplate.html'; 
     } 
    }; 
}); 

non ho usato angular js di routing nel mio progetto. Tutto è gestito utilizzando lo MVC routing. Come posso risolvere questo problema. Devo usare Angular routing e MVC routing?

Answer 1

Si può provare a utilizzare una barra iniziale poiché viene caricata utilizzando un percorso relativo.

 templateUrl: function(elem, attr){ 
      return '/ClusterButtonTemplate.html'; 
    } 

Answer 2

Avrete bisogno di mettere in un luogo in cui MVC non tenterà di mappare l'URL di un controller. Per impostazione predefinita, la cartella /Content viene ignorata, quindi puoi creare una cartella sotto di essa chiamata "Modelli" e utilizzarla per l'URL.

templateUrl: function(elem, attr){ 
    return '/Content/Templates/ClusterButtonTemplate.html';