如何在Angular 7中使用Chrome中的PasswordCredential API

Question

我正在使用Angular 7制作应用程序，我想将用户的密码存储在链接中内置的chrome中！我不能使用它，因为无法创建“ new PasswordCredential”。

我可以使用'（window as any..PasswordCredential'）检查它是否可用，但是我无法创建PasswordCredential的实例

         if ((window as any).PasswordCredential) {
              const credentials = new PasswordCredential ({
                name: userLogin.username,
                password: userLogin.password,
              });
              return navigator.credentials.store(credentials);
            }

错误显示“找不到名称'PasswordCredential'.ts（2304）'

，并且在导航器中还显示'Navigator'.ts（2339）'类型上不存在'Property'credentials'。

Answer 1

首先，您需要编写：

    declare global {
     interface Window {
      PasswordCredential: any;
      FederatedCredential: any;
     }
    }

然后：

if (window.PasswordCredential) {
      ...your code here
    }