javascript - 即使未调用线路，Angular2 路由器也会执行

Question

我这里有这个小代码:

if (this._error.code == 0) {
    localStorage.setItem('pinVouchers', JSON.stringify(this._filters.pin));
    $('.loading-wrapper').addClass('hidden');
    this._router.navigate(['/dashboard/voucher/list']);
}
else {
    this._error.getErrorMessage(this._error.code);
    $('.loading-wrapper').addClass('hidden');
    alert(this._error.message);
}

在浏览器上调试时，如果 error != 0 显然会执行 else 语句内的部分代码。但是，触发警报后，它会导航到 if 语句“this._router.navigate(['/dashboard/voucher/list']);”中列出的页面。

我已经调试了整个 ts 文件，但我找不到为什么当 if 语句不成立时会触发该行代码。

请帮忙，谢谢!

编辑

这是完整的代码:

import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES, Router } from '@angular/router';
import { CORE_DIRECTIVES, ControlGroup, FORM_DIRECTIVES, Control, FormBuilder, Validators } from '@angular/common';
import { Services } from '../../../services/services';
import { Filters } from '../../../model/Filters';
import { Error } from '../../../model/Error';

@Component({
  selector: 'voucher',
  templateUrl: 'www/templates/voucher-template.html',
  directives: [ CORE_DIRECTIVES, FORM_DIRECTIVES, ROUTER_DIRECTIVES ],
  styleUrls: ['www/css/voucher.css'],
  providers: [Services]
})
export class voucher {

  _PinVouchers: ControlGroup;
  _filters: Filters;
  _error: Error;

  constructor(private services: Services, fb: FormBuilder, public _router: Router) {
    this._error = new Error();
    this._filters = new Filters();
    fb = new FormBuilder();
    this._PinVouchers = fb.group({
            'pin': new Control(this._filters.pin)
    });
   }

   ngOnInit() {
      $('.menu.active').removeClass("active");
      $('#vouchersMenu').addClass("active");
      $('.submenu.active').removeClass("active");
      localStorage.removeItem("pinVouchers");

      $(document).ready(() => {
        $('#inputPin').keypress(function(key) {
          if((key.charCode < 48 || key.charCode > 57) && (key.charCode < 97 || key.charCode > 122) && (key.charCode < 65 || key.charCode > 90) && (key.charCode != 45)) return false;
        });
      });
   }

  savePin(filters: Filters){
    $('.loading-wrapper').removeClass('hidden');

    this.services.getVisitsByPin(this._filters);
    this._error.code = JSON.parse(sessionStorage.getItem('error'));

    if (this._error.code == 0) {
      localStorage.setItem('pinVouchers', JSON.stringify(this._filters.pin));
      $('.loading-wrapper').addClass('hidden');
      this._router.navigate(['/dashboard/voucher/list']);
    }
    else {
      this._error.getErrorMessage(this._error.code);
      $('.loading-wrapper').addClass('hidden');
      alert(this._error.message);
    }
  }
}

Answer 1

我刚刚看到错误，html 模板中的 anchor 标记内也调用了路由器。