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

时间:2013-06-02 19:51:44

标签: angularjs

我正在设置一个非常简单的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路径。我确信一些简单的东西是错误的配置,但我找不到它。任何想法我应该看什么?

谢谢!

1 个答案:

答案 0 :(得分:2)

使用<base>标记:

<base href="/" />