Ionic：如何将params添加到html [navPush]？

Question

在JS文件中我会写

navPush(page, {paramOne: "something"})

在html中，为了写一个推送，我写了

[navPush]="modelPage"

如何在html中添加params到上面？

Answer 1

您可以使用navParams属性和navPush传递参数。 在离子official docs中提到了它的用途。你可以在你的html中使用它：

<button ion-button [navPush]="pushPage" [navParams]="params">Go</button> // params is the object which you intend to pass to the page;

Answer 2

要动态绑定单个值，可以使用以下代码

<button ion-button [navPush]="NextPage" [navParams]="{color:[color]}">GO</button> // where color is a string variable 

在NextPage上使用此代码

this.color = navParams.get('color');
console.log(this.color[0]);