從Chrome瀏覽器的AngularJS單頁面應用程序自動填充

Question

如何讓我的AngularJS單頁面應用程序在提交表單時在瀏覽器的自動填充設置中註冊用戶輸入？ Angular並沒有真正以「默認」方式提交表單，所以瀏覽器不會捕獲輸入。

下列現象不會在Chrome的自動填充保存：

<form id="header-search" class="navbar-form form-inline" ng-submit="submit()"> 
    <input type="search" name="q" ng-model="Search.term" ng-required="true"/> 
    <button type="submit" class="btn btn-default glyphicon glyphicon-search"></button> 
</form> 

它與<form action='/search'>，但我不它通過張貼和回來打破我的SPA行爲。

Answer 1

沒有任何代碼，很難分辨出問題所在。使用angular forms與ngSubmit，應允許以足夠正常的方式提交表單以觸發自動完成。

Answer 2

我的登錄表單有類似的問題，Chrome自動填寫用戶名和密碼。我加入登錄控制器下面的代碼：

$(document).ready(function() { 
    $timeout(function(){ 
     $scope.username = $('div#login input[name="username"]').val(); 
     $scope.password = $('div#login input[name="password"]').val(); 
    },300); 
}); 

您也可以嘗試以觸發所有輸入單元來強制更新ngModel輸入。我認爲這也應該起作用。

$('yourInputsIdentifier').trigger('input');