当 CC 令牌和 ApplePay 帐户#相同时，单击删除 ApplePay 会触发信用卡的 confirmDelete() 模式

Question

一个多星期前我被分配了一张错误修复票，这让我发疯了。

ApplePay确认删除功能

为 CreditCard 调出 ConfirmDelete 模式

每隔一次点击

当CC Token和ApplePay账号相同时

我正在使用 Java 8、Spring Boot、NodeJs 和 Angular。

Angular 组件如下：

applePay.component.ts

public confirmDelete(): void {
    this._titlePropagatorService.setNewTitle('Confirm delete Apple Pay account');
    const modalEl = $('#deleteConfirmModal' + this.applePay.accountNumber);
    modalEl.appendTo('body')
      .modal({
        focus: true
      })
      .css('transform', 'translateX(125px)');
  }

applePay.component.html

<div class="modal fade h100" id="deleteConfirmModal{{applePay.accountNumber}}" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header bg-info">
        <h5 class="modal-title">Confirm Deletion</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body bg-white text-dark">
        <p><strong>Please confirm that you want to delete this Apple Pay account.</strong></p>
        <div class="pull-right">
          <button class="btn btn-danger" (click)="deleteApplePay()" type="button">Delete</button>
          <button class="btn btn-secondary" data-dismiss="modal">Cancel</button>
        </div>
      </div>
    </div>
  </div>
</div>

CC.component.ts

public confirmDelete(): void {
    this._titlePropagatorService.setNewTitle('Confirm delete credit card');
    const modalEl = $('#deleteConfirmModal' + this.creditCard.token);
    modalEl.appendTo('body')
      .modal({
        focus: true
      })
      .css('transform', 'translateX(125px)');
  }

CC.component.html

<div class="modal fade h100" id="deleteConfirmModal{{creditCard.token}}" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header bg-info">
        <h5 class="modal-title">Confirm Deletion</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body bg-white text-dark">
        <p><strong>Please confirm that you want to delete this credit card.</strong></p>
        <div class="pull-right">
          <button class="btn btn-danger" (click)="deleteCreditCard()" type="button">Delete</button>
          <button class="btn btn-secondary" data-dismiss="modal">Cancel</button>
        </div>
      </div>
    </div>
  </div>
</div>

Package.json 文件：

{
  "name": "ui",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "5.2.11",
    "@angular/common": "5.2.11",
    "@angular/compiler": "5.2.11",
    "@angular/core": "5.2.11",
    "@angular/forms": "5.2.11",
    "@angular/http": "5.2.11",
    "@angular/platform-browser": "5.2.11",
    "@angular/platform-browser-dynamic": "5.2.11",
    "@angular/router": "5.2.11",
    "angular-bootstrap-datetimepicker": "2.2.1",
    "bootstrap": "4.3.1",
    "chart.js": "2.8.0",
    "core-js": "2.6.5",
    "file-saver": "1.3.8",
    "font-awesome": "4.7.0",
    "jquery": "3.4.1",
    "lodash": "4.17.11",
    "moment": "2.24.0",
    "ngx-clipboard": "10.0.0",
    "ngx-cookie": "4.0.2",
    "ngx-pagination": "^4.1.0",
    "open-iconic": "1.1.1",
    "popper.js": "1.15.0",
    "rxjs": "5.5.12",
    "zone.js": "0.8.29"
  },
  "devDependencies": {
    "@angular/cli": "1.6.7",
    "@angular/compiler-cli": "5.2.11",
    "@angular/language-service": "5.2.11",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/lodash": "4.14.116",
    "@types/node": "~6.0.60",
    "codelyzer": "4.5.0",
    "jasmine-core": "2.8.0",
    "jasmine-spec-reporter": "4.2.1",
    "karma": "3.1.4",
    "karma-chrome-launcher": "2.2.0",
    "karma-coverage-istanbul-reporter": "1.4.3",
    "karma-jasmine": "1.1.2",
    "karma-jasmine-html-reporter": "0.2.2",
    "protractor": "5.4.2",
    "ts-node": "~4.1.0",
    "tslint": "5.9.1",
    "typescript": "2.8.4"
  }
}

我可以提供任何其他信息以提供更多帮助吗？我是 Angular 的新手，被聘为后端工程师，但偶尔会得到像这样的前端工单。

我一直在 chrome 中进行调试，但未能在堆栈跟踪中找到任何会导致 cc confirmDelete 函数的差异，但每次我单击删除 apple pay 按钮时它仍然会出现。