说明相对于根的指令templateUrl
我目前正在说templateUrl相对于当前窗口的位置。
cvApp.directive('personalDetails', function () { return { restrict: 'A', templateUrl: '../../Scripts/app/templates/personalDetails.html' }; });
我怎样才能使templateUrl相对于应用程序的根? 我正在寻找这样的东西:
templateUrl: '~/Scripts/app/templates/personalDetails.html'
AngularJS能完成这个吗?
看起来像支持。 取自AngularJS Google Group的一个主题 :
前缀“/”的url是相对于域名的,不带“/”前缀,它将相对于主要(“index.html”)页面或基本url(如果您在html5模式下使用位置)。
这工作正常:
templateUrl: '/Scripts/app/templates/personalDetails.html'
看起来你正在尝试做ASP.NET风格的应用程序相对path,但客户端。 修正实际上是在HTML中:在头部添加一个基本标签,如下所示:
<base href="<%= Request.ApplicationPath %>" />
然后保持你的模板path相对于这个,如
templateUrl: 'Scripts/app/templates/personalDetails.html'
使用'././Scripts/app/templates/personalDetails.html'
它为我工作。