ngx-pagination“ RangeError：超出了最大调用堆栈大小”

Question

我在Ionic with Angular应用程序中使用ngx-pagination软件包。

您可以在随附的Stackblitz中看到，我创建了一个自定义组件，该组件接收两个输入参数currentStep和totalItems。我们从HomeComponent页面开始。如果单击“ ClickMe”按钮，则转到“说明页面”，该页面使用了自定义分页模板。问题是，如果我按下“返回”按钮，我将返回到HomeComponent，但是，如果再次按下“ ClickMe”按钮，则会引发错误。

演示：https://stackblitz.com/edit/ionic-5s2qwc

Answer 1

将 instructions.component.ts 中的 goback 方法更改为此不会显示错误

    {#if pet} // Proceed to print the name when there is a pet
      <h1>{pet[0].name}</h1>
    {:else}
      <h4>Loading...</h4> // Show a loading message while the function is executing
    {/if}