AngularJS：リロード時にログインフォームがリセットされない

Question

私はログインフォームを作成するために角度を使用しています。以下のようなHTMLがある：角度で

<div class="container" ng-controller="loginCtrl"> 
    <div class="card card-container" > 
     <img id="profile-img" class="profile-img-card" src="//ssl.gstatic.com/accounts/ui/avatar_2x.png" /> 
     <p id="profile-name" class="profile-name-card"></p> 
     <form class="form-signin" ng-submit="authenticate()"> 
      <input type="text" id="username" class="form-control" ng-model="username" placeholder="username" required autofocus> 
      <input type="password" id="password" class="form-control" ng-model="password" placeholder="password" required> 
      <button class="btn btn-lg btn-primary btn-block btn-signin" type="submit">Sign in</button> 
     </form> 
    </div> 
</div> 

は私のコントローラ：

ristoreApp.controller("loginCtrl", 
    ['$scope', '$location', 'loginFactory', 
    function($scope, $location, loginFactory){ 
     $scope.username = ''; 
     $scope.password = ''; 
     $scope.authenticate = function() { 
      loginFactory.login($scope.username, $scope.password) 
      .then(function(response) { 
       loginFactory.setCredentials($scope.username, $scope.password); 
       $location.path('/home'); 
      }, function errorCallBack(response) { 
       console.log("Failed auth"); 
       $location.path('/login'); 
      }); 
     } 
    }]); 

ページには、ユーザー名/パスワードを覚えて、私はキャッシュとハードリロードをクリアしても、それをフォームに表示されます。ページを更新するたびにフォームをクリアするにはどうすればよいですか？

Answer 1

パスワード欄に「オートコンプリート」属性のための新しいパスワード」を設定してみてください：

<input type="password" id="password" autocomplete="new-password" class="form-control" ng-model="password" placeholder="password" required>