时间戳

首页 > 解决方案 > Ionic 5：如何从另一个页面获取输入值？

angular - Ionic 5：如何从另一个页面获取输入值？

问题描述

首先，我只想提一下，我是一个菜鸟，对这一切都很陌生，所以请多多包涵。

所以，目前我正在做一个类似于计算器的项目。我正在使用选项卡模板，在第一个选项卡上给出了一个数字。假设 1。在另一个选项卡上，用户必须输入一个数字，并且该输入的值应添加到第一个选项卡中的数字 1。我已经有了一个可行的想法，但有人告诉我这并不常见，因为我直接接近 DOM 而不是使用 Angular。但是，我不知道如何在这个项目中使用 Angular。

我的做法：

Tab1 HTML：

<p id="amount">0</p>

Tab2 HTML：

<ion-input [(ngModel)]="adding"></ion-input>
<ion-button (click)="AddToNumber()">Add</ion-button>

表 2 TS：

adding: number

AddToNumber() {
    let currentNumber = parseFloat(document.getElementbyId('amount').innerHTML)
    let sum = String(add += this.number)
    document.getElementbyId('amount).innerHTML = sum
}

标签： angularionic-framework

解决方案

在这种情况下，您可以简单地使用角度插值运算符{{}}。

在你的例子中，试试这个：

选项卡1 HTML：

<p>{{sum}}</p>

Tab2.ts：

adding: number;
sum = 0;

AddToNumber() { 
    this.sum += this.number;
    
}

有关详细信息，请查看：https ://www.tektutorialshub.com/angular/interpolation-in-angular/

推荐阅读