2016-11-17 126 views
1

請看看我的圖像image如何讓我的鍵盤輸入/去鍵按鈕工作

在我的輸入字段中輸入數據並點擊鍵盤上的Enter/Go按鈕後,它沒有做任何事情,它的行爲就像理想一樣。

是否有任何插件來控制鍵盤(輸入,搜索,去......等)按鈕來表現(點擊)功能。 如何激活每個輸入字段中的輸入/去鍵?

更新

這裏是我的html代碼

<ion-item> 
     <ion-label primary floating>Email/Mobile</ion-label> 
     <ion-input type="text" [(ngModel)]="loginId" pattern="[a-z0-9._%+-][email protected][a-z0-9.-]+\.[a-z]{2,3}$" required></ion-input> 
    </ion-item> 

    <ion-item> 
     <ion-label primary floating>Password</ion-label> 
     <ion-input type="password" [(ngModel)]="passwd" required></ion-input> 
    </ion-item> 

    <p>{{loginMsg}}</p> 


    <div padding> 
    </div> 

    <button ion-button full color="light" (click)="submit();" >LOGIN</button> <br> 

    <div class="text" (click)="forgotPasswd()"> 

    <p > Forgot your password ?</p> 
    </div> 

    <div padding> 
    </div> 

    <div class="text-padding-bottom" (click)="registration();"> 
    <p > No account yet ? <b>Create One</b></p> 
    </div> 

如果你看到我的網頁之一具有輸入型=「搜索」我能夠獲得在鍵盤搜索按鈕但該按鈕也顯示出理想 這裏是它的代碼。

<ion-row> 
     <ion-col width-80> 
      <ion-item> 
       <ion-input type="search" placeholder="search products"[(ngModel)]="searchValue"></ion-input> 
      </ion-item> 
     </ion-col> 
     <ion-col width-20> 
      <button ion-button icon-only (click)="searchText();"> 
       <ion-icon name="search"></ion-icon> 
      </button> 
     </ion-col> 
    </ion-row> 
+0

在窗體中還是隻有輸入字段中有按鈕? – sebaferreras

+0

兩個輸入字段像登錄按鈕我在登錄頁面有三個點擊功能 –

+0

我有我的項目的許多地方的輸入提交我怎樣才能控制keyborad botton當我點擊 –

回答

0

我得到了輸出。複製表單內的HTML代碼並使用(submit)提交表單。正如評論中所建議的那樣,我們必須使用type =「submit」作爲應該在鍵盤上執行的按鈕。

<form (submit)="submit()"> 
<ion-item> 
     <ion-label primary floating>Email/Mobile</ion-label> 
     <ion-input type="text" [(ngModel)]="loginId" pattern="[a-z0-9._%+-][email protected][a-z0-9.-]+\.[a-z]{2,3}$" required></ion-input> 
    </ion-item> 

    <ion-item> 
     <ion-label primary floating>Password</ion-label> 
     <ion-input type="password" [(ngModel)]="passwd" required></ion-input> 
    </ion-item> 

    <p>{{loginMsg}}</p> 


    <div padding> 
    </div> 

    <button ion-button full color="light" type="submit">LOGIN</button> <br> 

    <div class="text" (click)="forgotPasswd()"> 

    <p > Forgot your password ?</p> 
    </div> 

    <div padding> 
    </div> 

    <div class="text-padding-bottom" (click)="registration();"> 
    <p > No account yet ? <b>Create One</b></p> 
    </div> 
</form> 

試試看。

+0

如果搜索他們也應該移動到窗體來激活搜索去按鈕 –

+0

是的,你必須.. – AishApp