Angular / Bootsrap登录表单-显示密码

编程问答 2022-06-08

问题描述

我正在使用Boootstrap 4来制作登录表单。

我要实现“显示/隐藏”密码。但是<p>{{ 'test' | i18next }}</p> 无法显示在<div>Show</div>中。

enter image description here

我的file.html： 

input

我的file.css： 

<div class="form-group form-login">
          <span class="fa fa-key form-control-Feedback" aria-hidden="true">
          </span>
          <input type="password" formControlName="password" class="form-control" placeholder="Password"
            [ngClass]="{'is-invalid': (submitted && password.invalid)}">
            <div>Show</div>
          <div class="loginWarnings invalid-Feedback">
            <div *ngIf='password.invalid'>Please enter your password !</div>
          </div>
        </div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

authenticationformsformsformshideshow