AngularJS - 附加到 href 路径的 templateUrl 路径答案

【问题标题】：AngularJS - templateUrl path appended to href pathAngularJS - 附加到 href 路径的 templateUrl 路径
【发布时间】：2013-06-02 19:51:43
【问题描述】：

我正在设置一个非常简单的 AngularJS 应用程序，但遇到了一个小问题，但令人沮丧。这是使用 $routeProvider 的示例应用程序：

angular.module('thought', [], function($routeProvider, $locationProvider) {
    $routeProvider.
        when('/thought', {
            templateUrl: 'partials/thought/posts.html',
            controller: ThoughtCntl
        }).
        when('/thought/edit/:id', {
            templateUrl: 'partials/thought/edit.html',
            controller: EditCntl
        }).otherwise({
            redirectTo: '/thought'
        });

    $locationProvider.html5Mode(true);
});

这里是posts.html的内容：

<div>
<button>Create</button>

<div>
    <h3>Posts</h3>
    <ul>
        <li ng-repeat="post in publishedPosts">
            <a href="/thought/edit/{{post._id}}">{{post.title}}</a>
        </li>
    </ul>
</div>
</div>

当我导航到 /thought 时，posts.html 会加载适当的数据内容。该链接应包含“href=localhost:8080/thought/edit/1234”。但是，当我单击该链接时，它会尝试从“localhost:8080/thought/edit/partials/thought/edit.html”加载模板。 templateUrl 路径附加到 href 路径。我确信一些简单的东西配置错误，但我找不到它。有什么我应该看的想法吗？

谢谢！

【问题讨论】：

您是否尝试设置以“/”开头的 templateUrl ？也许它是相对于当前 url 设置的。

标签： angularjs

【解决方案1】：

使用<base> 标签：

<base href="/" />

【讨论】：