即使未调用行,Angular2路由器也会执行

mapl93

我在这里有这个小代码:

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);
}

在浏览器上调试时,如果错误!= 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);
    }
  }
}
mapl93

我刚刚看到了错误,还在html模板的锚标记内调用了路由器。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular2路由器的navigationByUrl()未调用ngOnInit()

来自分类Dev

新的Angular2路由器配置

来自分类Dev

Angular2路由器和导航

来自分类Dev

Angular 2路由器:未显示儿童

来自分类Dev

Angular 2路由器

来自分类Dev

angular2路由器的canDeactivate方法,即使我从确认弹出窗口中选择取消也会改变路由器状态

来自分类Dev

.otherwise或新Angular2路由器中的/ **以通过通配符路由非路由

来自分类Dev

.otherwise或新Angular2路由器中的/ **以通过通配符路由非路由

来自分类Dev

angular2 rc3路由器alpha 3.0.0.7默认路由

来自分类Dev

Angular2路由器,从url获取路由数据,以显示面包屑

来自分类Dev

Angular2路由器,内容更改,如何避免路由和重建页面

来自分类Dev

Angular2路由器VS ui-router-ng2 VS ngrx路由器

来自分类Dev

与Angular 2路由器截取路由请求

来自分类Dev

带有子路由器的Angular2路由器不起作用

来自分类Dev

带有子路由器的Angular2路由器不起作用

来自分类Dev

Angular2路由器错误:找不到要加载“主页”的主要出口

来自分类Dev

Angular2路由器可以激活,带有参数吗?

来自分类Dev

如何将Angular2路由器连接到ngrx / store?

来自分类Dev

具有站点迁移功能的Angular2路由器

来自分类Dev

Angular2 RC5路由器找不到模块(延迟加载)

来自分类Dev

Angular2路由器:找不到要加载“ HomeComponent”的主要插座

来自分类Dev

Angular2路由器弃用的依赖项未加载

来自分类Dev

如何在Angular2路由器中导航到子节点的根?

来自分类Dev

Angular2路由器:找不到要加载“ HomeComponent”的主要插座

来自分类Dev

Angular2路由器-canActivate使用发布请求进行重定向

来自分类Dev

如何使用应用范围的URL前缀配置Angular2路由器?

来自分类Dev

angular2路由器的严格“状态”查询参数行为

来自分类Dev

angular2路由器参数错误

来自分类Dev

Angular2路由未由requirejs加载

Related 相关文章

  1. 1

    Angular2路由器的navigationByUrl()未调用ngOnInit()

  2. 2

    新的Angular2路由器配置

  3. 3

    Angular2路由器和导航

  4. 4

    Angular 2路由器:未显示儿童

  5. 5

    Angular 2路由器

  6. 6

    angular2路由器的canDeactivate方法,即使我从确认弹出窗口中选择取消也会改变路由器状态

  7. 7

    .otherwise或新Angular2路由器中的/ **以通过通配符路由非路由

  8. 8

    .otherwise或新Angular2路由器中的/ **以通过通配符路由非路由

  9. 9

    angular2 rc3路由器alpha 3.0.0.7默认路由

  10. 10

    Angular2路由器,从url获取路由数据,以显示面包屑

  11. 11

    Angular2路由器,内容更改,如何避免路由和重建页面

  12. 12

    Angular2路由器VS ui-router-ng2 VS ngrx路由器

  13. 13

    与Angular 2路由器截取路由请求

  14. 14

    带有子路由器的Angular2路由器不起作用

  15. 15

    带有子路由器的Angular2路由器不起作用

  16. 16

    Angular2路由器错误:找不到要加载“主页”的主要出口

  17. 17

    Angular2路由器可以激活,带有参数吗?

  18. 18

    如何将Angular2路由器连接到ngrx / store?

  19. 19

    具有站点迁移功能的Angular2路由器

  20. 20

    Angular2 RC5路由器找不到模块(延迟加载)

  21. 21

    Angular2路由器:找不到要加载“ HomeComponent”的主要插座

  22. 22

    Angular2路由器弃用的依赖项未加载

  23. 23

    如何在Angular2路由器中导航到子节点的根?

  24. 24

    Angular2路由器:找不到要加载“ HomeComponent”的主要插座

  25. 25

    Angular2路由器-canActivate使用发布请求进行重定向

  26. 26

    如何使用应用范围的URL前缀配置Angular2路由器?

  27. 27

    angular2路由器的严格“状态”查询参数行为

  28. 28

    angular2路由器参数错误

  29. 29

    Angular2路由未由requirejs加载

热门标签

归档