はTypeError： 'のPasswordCredential' の構築に失敗しました： 'ID' は、私は私の角度アプリで資格管理APIを実装したい

Question

空にすることはできません私のlogin.htmlと、この

<div id="login-form" data-ng-form="loginForm" data-ng-controller="LoginFormController"> 
 
    <div> 
 
     <input type="text" name="username" placeholder="username" data-ng-model="loginCredentials.username" id="uid" autocomplete="username"> 
 
     <input type="password" name="password" placeholder="password" data-ng-model="loginCredentials.password" id="pwd" autocomplete="new-password"> 
 
    </div> 
 
    <div> 
 
     <button id="loginButton" data-ng-click="login()">{{'label.button.login' | translate}}</button> 
 
    </div> 
 
    <div data-ng-show="authenticationFailed"> 
 
     <p>{{authenticationErrorMessage | translate}}</p> 
 
    </div> 
 
</div>

のように見えます

私はLoginFormControllerを私のコントローラとして持っています。関数の内部で、私はこの

  var form = angular.element('#login-form'); 
 
      //console.log(form); 
 
      var cred = new PasswordCredential(form); 
 
      //store the credentials 
 
      navigator.credentials.store(cred) 
 
      .then(function(){ 
 

 
      }); 
 
     

のようなのPasswordCredentialと呼ばれる新しいオブジェクトを作成した。しかし、私はエラーのPasswordCredentialを取得しています：idが

ヘルプしてください

Answer 1

の代わりにやって空にすることはできませんフォームスタイル

var form = angular.element('#login-form'); 
var cred = new PasswordCredential(form); 
//store the credentials 
navigator.credentials.store(cred) 
    .then(function(){ 

    }); 

パスのPasswordCredentialオブジェクトスタイル

var cred = new PasswordCredential({ 
       id: scope.loginCredentials.username, 
       password: scope.loginCredentials.password 
      }); 
//store the credentials 
navigator.credentials.store(cred) 
       .then(function(){ 
        console.log("Done Saving Creds"); 
       }); 

で、これはあなたの資格情報を保存するために、すべての必要があります！