Директива Angularjs не отображается

Question

Я только начал с Angularjs, и я пытаюсь создать директиву.
мой JS файл:

var app = angular.module('myCars',['ngResource']); 

app.controller('CarController', function (Post) { 
     var b = Post.query(function() { 
      console.log(all); 
     }); 
     this.cars = b; 
}); 
     app.directive("carCritics", function() { 
       return { 
        restrict: 'E', 
        templateUrl: '~/Views/Home/car-critics.cshtml' 
       }; 
      }); 

в моем файле cshtml это выглядит следующим образом:

<car-critics></car-critics> 

Я прочитал много документаций в Интернете о директивах, и я не могу видеть, что я делаю неправильно. В любое время, когда я запускаю приложение, часть моей директивы не отображается. Я бы действительно предложил любую помощь.

Answer 1

Вы не можете сразу взять захват .cshtml из папки «Представления». Вы должны создать ActionResult, а затем вернуть «автомобиль-critics.cshtml», например, так:

public class HomeController 
    { 
     public ActionResult CarCritics() { 

      return View("car-critics"); 
     } 
} 

и директива должна быть:

app.directive("carCritics", function() { 
     return { 
      restrict: 'E', 
      templateUrl: '/Home/CarCritics' 
     }; 
    }); 

Answer 2

templateUrl является .

~ - это то, о чем знает сервер (например, с использованием Server.MapPath), но клиент не знает (как клиент узнает о корневом каталоге сервера?).

Вам необходимо установить полный путь без ~.