mvc 5 projesinde açısal yönerge şablonu URL'sinde html dosyası kullanma

Question

MVC 5'te bir angularJs uygulaması oluşturuyorum. Aşağıda belirtildiği gibi bir yönerge oluşturdum.

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

Ben ClusterButtonTemplate.cshtml.cshtml dosya adında ve ben bu görüşü dönmek için denetleyici sınıfında kısmi görünümü yöntemi oluşturduk. Yani angular js yönergesi şablonu bağlayıcıdır.

Mvc denetleyici sınıfındaki yöntemi kaldırmam gerekiyor ve şablon dosyasına doğrudan başvurması gerekiyor. cshtml dosyasını kullanmak istemiyorum. Şablon için html dosyasına ihtiyacım var. Bir ClusterButtonTemplate.html dosyası oluşturduk. Ancak, şablonu aşağıdaki gibi ayarlarken, tarayıcı bir 404 error gösterir.

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

Projemde angular js yönlendirme kullanmamıştım. Her şey MVC routing kullanılarak yönetilmektedir. Bu sorunu nasıl giderebilirim? Angular routing ve MVC routing'u kullanmam gerekiyor mu?

Answer 1

Göreceli bir yol kullanılarak yüklendiğinden, önde gelen bir eğik çizgi kullanmaya çalışabilirsiniz.

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

Answer 2

MVC'nin URL'yi bir denetleyiciyle eşleştirmeyi denemeyeceği bir yere yerleştirmeniz gerekir. Varsayılan olarak, /Content klasörü yok sayılır, böylece "Şablonlar" adlı bir klasör oluşturabilir ve URL için bunu kullanabilirsiniz.

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