私は非常に単純な 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 パスに追加されます。単純なものの構成が間違っていると確信していますが、見つかりません。私が見るべきアイデアはありますか？
ありがとう！