滾動當輸入與angularjs

-2

我有兩個字段，用戶名和密碼形式的NG-模型輸入文字頂部的頁面，無論是場均綁定與ngModel滾動當輸入與angularjs

<form method="POST" name="loginForm" novalidate class="loginForm"> 
    <input ng-required="true" ng-model="loginRequest.UserName" class="textControls userCtrl" type="text" name="UserName" id="id_username" /> 
    <input ng-required="true" ng-model="loginRequest.Password" type="password" name="Password" id="id_password"/> 
    <button type="submit" id="submitLogin" class="blueBtn">Ingresar</button> 
</form>

我的問題是第一次打字時在移動設備的每個字段上的兩個字母，頁面滾動到頂部在iPhone失去了領域的焦點。當將ng-model移除到輸入字段時，此行爲會消失。

來源

2015-10-17 xzegga

如果您包含足夠的代碼來重現您的問題，這將更容易診斷。 – buzzsaw

@buzzsaw我不能在小提琴上重現這個錯誤對不起 – xzegga

您的場景看起來像表單提交觸發器刷新頁面。默認情況下，如果您不手動停止事件傳播，如果使用表單提交，它將刷新頁面。

如果您使用表格，只需在您的<button>中添加ng-click指令，然後致電event.preventDefault();。

如果您使用$http服務發佈您的表單數據，您可以自動避免這種情況。

來源

2015-10-20 02:19:04

滾動是觸發每個輸入文本框上鍵入一個字符的時間 – xzegga

將這個'ng-model-options =「{updateOn：'blur'}」'添加到您的輸入。所以它只在Blur上更新模型。 –

問題不在於更新ng-model，問題是頁面在更新模型時滾動到頂部：S – xzegga

滾動當輸入與angularjs

回答

相關問題