Question

页面中的路由没有发生。我使用了下面的HTML和配置代码。

<nav aria-label="Page navigation">
    <ul class="pagination pagination-plain">
      <li>
        <a href="review/words" aria-label="Previous">
          <span aria-hidden="true">&laquo;</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">&raquo;</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）[有角度]

Answer 1

尝试这样的事情。

<a [routerLink]="['review/words']">1</a>

这是预期输入的方式。！

编辑：你的HTML中也没有路由器容器。在模板文件的末尾添加它。

<router-outlet></router-outlet>

routerLink无法在角度2中工作

1 个答案: