页面中的路由没有发生。我使用了下面的HTML和配置代码。
<nav aria-label="Page navigation">
<ul class="pagination pagination-plain">
<li>
<a href="review/words" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li [routerLinkActive]="['active']">
<a [routerLink]="review/words">1</a>
</li>
<li [routerLinkActive]="['active']">
<a [routerLink]="review/phrase">2</a>
</li>
<li>
<a href="javascript:void(0)" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
路由配置代码是
const appRoutes: Routes = [
{
path: '',
component: IndexComponent,
},
{
path: 'index',
component: IndexComponent,
},
{
path: 'review/words',
component: WordsComponent,
},
{
path: 'review/phrase',
component: SentenceComponent,
}
];
点击&#39; 1&#39;我收到以下错误或者&#39; 2&#39;在我的分页链接中。
错误错误:未捕获(在承诺中):错误:无法匹配任何路由。 网址细分:&#39;评论/词组/ NaN&#39;错误:无法匹配任何路由。网址 细分:&#39;评论/词组/ NaN&#39; 在ApplyRedirects.noMatchError(router.es5.js:1404)[有角度] 在CatchSubscriber.selector(router.es5.js:1379)[有角度] 在CatchSubscriber.error(catch.js:104)[有角度] at MapSubscriber.Subscriber._error(Subscriber.js:128)[angular] 在MapSubscriber.Subscriber.error(Subscriber.js:102)[angular] at MapSubscriber.Subscriber._error(Subscriber.js:128)[angular] 在MapSubscriber.Subscriber.error(Subscriber.js:102)[angular] at MapSubscriber.Subscriber._error(Subscriber.js:128)[angular] 在MapSubscriber.Subscriber.error(Subscriber.js:102)[有角度]
答案 0 :(得分:4)
尝试这样的事情。
<a [routerLink]="['review/words']">1</a>
这是预期输入的方式。 !
编辑: 你的HTML中也没有路由器容器。 在模板文件的末尾添加它。
<router-outlet></router-outlet>