Angular的走马灯页面跳转问题

写的时候碰到的问题在这里记录一下，看不懂可以留言问我
现有的中文网站关于angular的回答大多都是很早之前的版本
没有什么参考意义
本文所使用的NG-ZERRO版本是9.1.2

angular的走马灯的api文档中有个默认的goTo方法

文档原文：
goTo(slideNumber) 切换到指定面板

在直接调用该方法时会提示写法错误

错误写法 （click） = “goTo(1)”
正确写法 (click) = “carousel.goTo(1)”

PS：走马灯跳转页面的绑定id是用数组存的
跳转页面时要从0开始

贴上部分代码

<ul nz-menu nzMode="horizontal">
  <li nz-menu-item nzMatchRouter>
    <a (click) = "carousel.goTo(0)">页面1</a>
  </li>
  <li nz-menu-item nzMatchRouter>
    <a (click) = "carousel.goTo(1)">页面2</a>
  </li>
  <li nz-menu-item nzMatchRouter>
    <a (click) = "carousel.goTo(2)">页面3</a>
  </li>
  <li nz-menu-item nzMatchRouter>
    <a (click) = "carousel.goTo(3)">页面4</a>
  </li>
</ul> 
  <div *ngIf="index == 1" style="height: auto;"></div>