我的问题是@Input（）不能正常工作。当我尝试通过数据绑定传递值时，它会导致NaN错误消息。
我感谢任何形式的帮助。

import { Component, Input, OnInit } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-nav-button',
  templateUrl: './nav-button.component.html',
  styleUrls: ['./nav-button.component.scss'],
})

export class NavButtonComponent implements OnInit {
  @Input() page: String; <-- results in NaN - message

  constructor(private router: Router) { }

  ngOnInit() {}

  goToPage(): void {
    console.log(this.page);
    this.router.navigate([this.page]);
  }
}

我的“视图”。在这里我将数据传递给我的“NavButtonComponent”类。

<ion-content>
  <app-nav-button [page]="food-list"></app-nav-button>
</ion-content>