在Amplify Authenticator上隐藏忘记密码按钮

Question

我已经成功地禁用了注册表单设置这段代码

<amplify-authenticator [hideSignUp]="true"> 
<ng-template amplifySlot="authenticated" let-user="user" let-signOut="signOut">
<router-outlet></router-outlet>
</ng-template>
</amplify-authenticator>

但是现在我想隐藏忘记密码按钮…有简单的方法吗?

Answer 1

您可以为登录页脚添加一个空槽隐藏遗忘密码按钮。

<amplify-authenticator [hideSignUp]="true"> 
<ng-template amplifySlot="sign-in-footer">
<div></div>
</ng-template>
<ng-template amplifySlot="authenticated" let-user="user" let-signOut="signOut">
<router-outlet></router-outlet>
</ng-template>
</amplify-authenticator> 

基本上，您可以自定义每个表单的页眉和页脚。你可以在这里了解更多。