我目前正在说明相对于当前窗口位置的 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 样式的应用程序相对路径，但在客户端。修复实际上是在 HTML 中：在头部添加一个基本标记，如下所示：
<base href="<%= Request.ApplicationPath %>" />
然后保持你的模板路径相对于此，如
templateUrl: 'Scripts/app/templates/personalDetails.html'
使用“././Scripts/app/templates/personalDetails.html”
它对我有用。
angular 4 使用 webpack 作为打包器。
./ means relative path to current folder
../ means parent folder
域 = src
根 = 源代码/索引
例如下面的 app.component.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']
})