我的問題是 @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>
uj5u.com熱心網友回復：
答案是<app-nav-button page="food-list"></app-nav-button>。洗掉 [] 是解決方案。謝謝@cfprabhu！
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/504169.html
標籤：javascript 有角度的 打字稿 离子框架 数据绑定
下一篇：如何作用于離子滑梯上的單個專案？