Изменить триггер для ngx-show-hide-password - PullRequest
0 голосов
/ 01 ноября 2019

Я использую модуль ngx-show-hide-password и, для тех, кто незнаком, ngx-show-hide-password предоставляет функциональность для отображения / скрытия вашего пароля при нажатии. Однако я бы хотел, чтобы это происходило при нажатии клавиш и снова скрывалось при вводе ключей, больше похоже на функции, которые вы увидите на своем ПК при входе в свою учетную запись Windows. Можно ли (или, возможно, нежелательно?) Редактировать Node Modules таким образом, и если да, то как это сделать, так как при проверке папки для модуля она содержит только 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, помогите.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...