Как решить проблему передачи идентификатора как имени файла, который будет загружен как ID.html?

Question

У меня много html-страниц, и я решил использовать их имена (которые являются короткими и уникальными) в качестве идентификатора, поэтому, когда я хочу щелкнуть по одной строке таблицы, идентификатор (который является именем файла) передается в templateURL. Например,

app.config(function($routeProvider) {
    $routeProvider
    .when("/post/:id",
    {
        title: 'Disease',
        templateUrl : "/pages/posts/:id.html"
    })

Например, у меня есть Treponema.html, HeartDisease.html, LungCancer.html и т. Д. В списке. Когда я нажимаю один, он должен показывать свое содержимое в правой части страницы, на которой я объявил:

<div ng-view></div>

И когда я щелкаю один из перечисленных элементов, я беру их идентификатор в качестве имени (HearDisease, LungCancer) и помещаю его в templateUrl.

<div id="HeartDisease" 
    onclick="window.location.href ='/post/'+this.id+'.html';>

     <p>HeartDisease.html</p>

</div>

Answer 1

Я думаю, что более подходящим для вашего случая использования будет использование ng-include. Посмотрите внизу страницы у вас есть пример.

Если вы хотите обновить маршрут в браузере, вы можете сделать это в вашем контроллере, используя объект $ location.