首頁猿問無法顯示輸入值

無法顯示輸入值

JavaScript

慕妹3242003 2021-10-14 10:26:16

嘗試接受用戶輸入并打印計算值//html<div class="empty"><h5> Input Empty Total </h5> <ion-item> <ion-input placeholder="Enter Empties.." type="number" name="emptySeats" [(ngModel)]="emptySeats"> </ion-input> </ion-item></div><p> {{arenaCurrent}} </p>//jsarenaTotal: number = 1000;emptySeats: number;arenaCurrent: number;constructor() { this.arenaCurrent = this.arenaTotal - this.emptySeats; }arenaCurrent 將打印 1000 - emptySeats（用戶輸入）

查看完整描述

3 回答

慕桂英546537

TA貢獻1848條經(jīng)驗獲得超10個贊

您只在構(gòu)造函數(shù)中進行了一次數(shù)學(xué)運算，您可能希望將其設(shè)為屬性。這樣模板可以保持不變，但只要arenaTotal或emptySeats發(fā)生變化，該值就會更新。

arenaTotal: number = 1000;

emptySeats: number;

get arenaCurrent() {

return this.arenaTotal - this.emptySeats;

}

constructor() {}

反對回復(fù) 2021-10-14

阿波羅的戰(zhàn)車

TA貢獻1862條經(jīng)驗獲得超6個贊

使用 (ionChange) 顯示結(jié)果。

<h5> Input Empty Total </h5>

<ion-item>

<ion-input (ionChange)="change()" placeholder="Enter Empties.." type="number" name="emptySeats"[(ngModel)]="emptySeats"> </ion-input>

</ion-item>

</div>

<p> {{arenaCurrent}} </p>

在 javascript 中調(diào)用函數(shù)更改。

arenaTotal: number = 1000;

emptySeats: number;

arenaCurrent: number;

constructor() {}

change(){

this.arenaCurrent = this.arenaTotal - this.emptySeats;

}

當用戶在 ion-input 中輸入值時，上述內(nèi)容將立即更新結(jié)果。

反對回復(fù) 2021-10-14

揚帆大魚

TA貢獻1799條經(jīng)驗獲得超9個贊

你可以在你的 ion-input 標簽中嘗試這樣的 #emptySeats="ngModel"

<h5> Input Empty Total </h5>

<ion-item>

<ion-input placeholder="Enter Empties.." type="number" name="emptySeats" [(ngModel)]="emptySeats" #emptySeats="ngModel"> </ion-input>

</ion-item>

</div>

<p> {{arenaCurrent}} </p>

反對回復(fù) 2021-10-14

3 回答
0 關(guān)注
210 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

無法顯示輸入值

無法顯示輸入值

3 回答

添加回答