2016-12-05 66 views
0

我是新來的離子框架,當我輸入輸入類型按鈕時,它將進入頁面的底部。我如何克服這些錯誤。 下面是我的代碼:如何使用ionic2獲取輸入類型值?

<ion-header></ion-header> 
<ion-content padding> 
    <h2></h2> 
    <div> 
     <img class="displayed" style="height:100px; width:100px text-align: center;" src="assets/img/logo.png"> 
     <h2>Forgot Password</h2> 
    </div> 
    <p class="side" style= "margin-top:90px; color:grey; font-size:18px; font-family:'Arial', Helvetica, sans-serif">Enter the Phone number associated with your account, and we'll send an OTP to reset your password</p> 
<ion-item> 
    <ion-label stacked>PHONE</ion-label> 
    <ion-input type="number" value="" ></ion-input> 
<input type="number" placeholder="8121218820" ng-model="data.number" 
required> 
    </ion-item> 
    <button ion-button color="secondary" round>SEND OTP</button> 
</ion-content> 

下面是我的畫面: enter image description here

+0

你是什麼意思?是「當我輸入輸入類型按鈕時,它將進入頁面底部」這是你的問題嗎?或者是「如何使用ionic2獲取輸入類型值?」這個問題?你說什麼'錯誤'? – Ivaro18

回答

0

我真的上面,如果你使用的是

不明白你的問題,但

,但在你的代碼

<ion-input type="number" value="" ></ion-input> 

那你爲什麼要再次使用input type =「number」placeholder =「8121218820」ng-model =「data.number」 要求>

那是什麼一回事,除了如果你正在使用ionic2您還使用angular2結合

它不是NG-模型

<ion-input type="number" [(ngModel)]="data.number"></ion-input> 

還設置字段值默認值ionviewdidload函數或在構造函數中不在你的視圖中