Указание директивы templateUrl относительно root

Question

Указание директивы templateUrl относительно root

в настоящее время я заявляю templateUrl относительно текущего местоположения окна.

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



    return {

        restrict: 'A',

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

    };



});

Как я могу сделать templateUrl относительно корня приложения? Я ищу что-то вроде этого:

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

может ли AngularJS выполнить это?

587 4

javascript angularjs angularjs-directive

4 ответов:

Comments

Ничего не найдено.

Ufuk Hacıoğulları · Accepted Answer · 2013-06-03 01:21:07

похоже, что это поддерживается. Взято из поток на AngularJS Google Group:

url-адрес с префиксом " / " относится к домену, без "/" префикс он будет относительно основного ("индекс.HTML-код") страницы или основного URL-адреса (если вы используете location в режиме html5).

Это прекрасно работает:
templateUrl: '/Scripts/app/templates/personalDetails.html'

Barnabas Kendall · Accepted Answer · 2013-06-03 01:19:44

похоже, что вы пытаетесь сделать ASP.NET стиль приложения-относительные пути, но на стороне клиента. Исправление на самом деле в HTML: добавьте базовый тег в голову, например:
<base href="<%= Request.ApplicationPath %>" />
тогда держите ваши пути шаблона относительно этого, как в
templateUrl: 'Scripts/app/templates/personalDetails.html'

Rajat Faujdar · Accepted Answer · 2016-07-07 10:28:33

использовать././ Scripts/app/templates / personalDetails.HTML-код'

Это сработало для меня.

hoogw · Accepted Answer · 2018-01-10 19:22:21

угловой 4 Используйте webpack как bundler.
./ means relative path to current folder



../ means parent folder
домен = src

root = src / index

например ниже приложение.деталь.файл TS , url означает xxx.html xxx. css находятся в той же папке, что и xxx. ts
./ is relative path as current folder

../ is relative path as parent folder

@Component({
 selector: 'app-root',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.css']
})
КОМПОНЕНТ-ОТНОСИТЕЛЬНЫЕ ПУТИ В УГЛОВОЙ