Дочерние маршруты обновляют родительский маршрут
Мои дочерние маршруты в Аурелии обновляют родительский маршрут. Я не знаю, что вызывает это, кто-то может мне помочь? У меня следующая ситуация:
app.js
config.map([
{ route: ':username', moduleId: './components/profile/profile', name: 'profile', nav: false },
]);
profile.html
<div class="profile-post-content">
<div class="profile-menu">
<a active-menu route-href="route: profile; params.bind: { username: username }" class="profile-menu-item menu-active">
<label>POSTS</label>
</a>
<a active-menu route-href="route: following" class="profile-menu-item">
<label>FOLLOWING</label
<p>${model.following}</p>
</a>
<a active-menu route-href="route: followers" class="profile-menu-item">
<label>FOLLOWERS</label>
</a>
<a active-menu route-href="route: albums" class="profile-menu-item">
<label>ALBUMS</label>
</a>
</div>
<router-view></router-view>
</div>
profile.js
configureRouter(config, router){
config.map([
{ route: '', moduleId: '../profile/feed', name: 'userfeed', title: 'POSTS', nav: true},
{ route: 'following', moduleId: '../profile/following', name: 'following', title: 'FOLLOWING', nav: true},
{ route: 'followers', moduleId: '../profile/followers', name: 'followers', title: 'FOLLOWERS', nav: true},
{ route: 'albums', moduleId: '../profile/albums', name: 'albums', title: 'ALBUMS', nav: true},
]);
this.router = router;
}
Когда я нажимаю на ссылку (POST, FOLLOWING и т. Д.), Все файлы profile.html перезагружаются.