通过Web凭据API通过JavaScript对象存储凭据?

通过Web凭据API通过JavaScript对象存储凭据?,javascript,angularjs,google-chrome,credentials,google-smartlockpasswords,Javascript,Angularjs,Google Chrome,Credentials,Google Smartlockpasswords,我目前正在使用一个利用AngularJS的应用程序,来回传递的所有数据都是JavaScript对象 我最近一直在尝试实现Web凭据管理API,以便通过JSON存储凭据。尽管如此,我可能找到的所有文档都建议您通过JavaScript获取表单,并将表单中的任何数据传递给Google Chrome以存储凭据。Angular的情况并非如此,因为所有表单数据都存在于范围内,但可以通过JavaScript作为模型上的对象进行访问。文档中的当前解决方案如下所示: var form = document.que

我目前正在使用一个利用AngularJS的应用程序,来回传递的所有数据都是JavaScript对象

我最近一直在尝试实现Web凭据管理API,以便通过JSON存储凭据。尽管如此,我可能找到的所有文档都建议您通过JavaScript获取表单,并将表单中的任何数据传递给Google Chrome以存储凭据。Angular的情况并非如此,因为所有表单数据都存在于范围内,但可以通过JavaScript作为模型上的对象进行访问。文档中的当前解决方案如下所示:

var form = document.querySelector('\#form');
var cred = new PasswordCredential(form);
// Store it
navigator.credentials.store(cred)
.then(function() {
  // continuation
});
来源:

有没有人有机会通过JavaScript通过对象传递密码和用户名

更多来源:


非常感谢

您可以通过从对象启动
PasswordCredential
来实现这一点。请参阅本文档:


您可以通过从对象启动
PasswordCredential
来实现这一点。请参阅本文档:


AngularJS不会改变HTML或DOM的工作方式;它只是增强了它。因此,如果您可以在AngularJS中获得
表单
HTML元素的实例(您可以使用
document.querySelector(“#form”)
,如图所示,或者通过angular使用
angular.element(“#form”)[0]
,您仍然可以使用相同的代码;它只是增强了它。因此,如果您可以在AngularJS中获得
表单
HTML元素的实例(您可以使用
document.querySelector('#form')
,如图所示,或者使用
angular.element('#form')[0]
,使用angular),您仍然可以使用相同的代码。
var c = new PasswordCredential({  
  id:       id,  
  password: password,  
  name:     name,  
  iconrURL: iconUrl  
});  

navigator.credentials.store(c)  
.then(function() {  
  // done  
});