我正在使用模块ngx-show-hide-password,对于那些不熟悉的人,ngx-show-hide-password提供了在单击时显示/隐藏密码的功能。但是,我想将其更改为在键盘按下时发生,然后在键盘按下时再次隐藏,更像是登录Windows帐户时在PC上看到的功能。是否有可能(或不建议这样做)以这种方式编辑节点模块,如果这样,将如何进行呢?就像在检查模块的文件夹中,它仅包含ts文件而不包含html组件一样。
ngx-show-hide-password称为:
<show-hide-password size="sm" btnStyle="primary" [btnOutline]="false">
<input type="password" [(ngModel)]="password" name="txtPassword"
id="txtPassword">
</show-hide-password>
如图所示使用它时,将在视图渲染时产生以下html:
<show-hide-password _ngcontent-fbc-c1="" btnstyle="primary" class="input-group input-group-sm" size="sm" ng-reflect-btn-style="primary" ng-reflect-btn-outline="false" ng-reflect-size="sm">
<input _ngcontent-fbc-c1="" id="txtPassword" name="txtPassword" type="password" class="form-control ng-valid ng-dirty ng-touched" ng-reflect-name="txtPassword" ng-reflect-model="sa123/CPS">
<div class="input-group-append ngx-show-hide-password">
<button class="btn btn-primary" type="button" ng-reflect-klass="btn" ng-reflect-ng-class="btn-primary" ng-reflect-show-hide-trigger="txtPassword">
<fa-icon class="ng-fa-icon visibility" size="lg" ng-reflect-icon="[object Object]" ng-reflect-size="lg" ng-reflect-fixed-width="true" ng-reflect-show-hide-status="[object Object]">
<svg role="img" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="eye" class="svg-inline--fa fa-eye fa-w-18 fa-fw fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor" d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"></path>
</svg>
</fa-icon>
</button>
</div>
</show-hide-password>
我似乎无法找到将show-hide-password转换为完整组件的位置。也许在安装时受Node限制了对该程序区域的访问?熟悉修改节点模块或更好的ngx-show-hide-password模块的任何人都可以提供帮助。