routerlink:错误错误:“ [对象对象]”

时间:2018-09-14 08:39:13

标签: angular typescript angular-routing

我在我的CRUD应用程序中使用了Angular 6,并且具有以下组件结构:

root: app.component
   - topic.component
     - create-topic.componentI
   - answer.component

我在topic.component中有一个按钮,其中有一个routerlinkcreate-topic component

<a routerLink="add-topic">
    <button type="button" class="btn btn-primary ">New Topic</button>
</a>

topic.component的模板中,我要显示create-topic的模板:

<div class="container-fluid">
    <router-outlet></router-outlet>
</div>

这是app.routing.module

的配置
const routes: Routes = [
    {path: 'add-topic', component: CreateTopicComponent }
]

除了这条路线外,我所使用的所有其他路线都在工作,每次我单击按钮时都会得到:

  

ERROR错误:“ [对象对象]”
  resolvePromisehttp:// localhost:4200 / polyfills.js:5787:31
  resolvePromisehttp:// localhost:4200 / polyfills.js:5744:17
  scheduleResolveOrRejecthttp:// localhost:4200 / polyfills.js:5846:17
  invokeTaskhttp:// localhost:4200 / polyfills.js:5394:17
  onInvokeTaskhttp:// localhost:4200 / vendor.js:58217:24
  invokeTaskhttp:// localhost:4200 / polyfills.js:5393:17
  runTaskhttp:// localhost:4200 / polyfills.js:5161:28
  rainMicroTaskQueuehttp:// localhost:4200 / polyfills.js:5568:25
  invokeTaskhttp:// localhost:4200 / polyfills.js:5473:21
  invokeTaskhttp:// localhost:4200 / polyfills.js:6513:9
  globalZoneAwareCallbackhttp:// localhost:4200 / polyfills.js:6539:17

我不知道在哪里看,这个错误是什么意思?我想念什么? 我找不到其他与我的问题类似的stackoverflow问题。

2 个答案:

答案 0 :(得分:2)

check the screenshot 路由器链接以这种方式[routerLink]="['/your-path']"

给出

答案 1 :(得分:0)

添加[routerLink] =“ ['add-topic']”。这应该起作用