Angular2 遇到的问题及解决办法

Angular2——个人遇到的问题及解决办法

遇到的问题有局限性和个性,自己记录一下解决办法,不一定能帮到大家

1. 左侧二级菜单点击切换时第一下会闪烁,第二下才正常

//调用Http服务获取数据,给左侧菜单赋值
this.navigationService.getMenus()
    .subscribe(
      responseDomain => {
        this.menus = responseDomain.data ;
      },
      erro => {

      }
    ) ;
//下面这段代码在左侧菜单赋值之后调用,即可正常(本人初学,原因不明,有待高人解答,非常感谢!)
jQuery('#side-menu').metisMenu({});
    // Correct height of wrapper after metisMenu animation.
jQuery('.metismenu a').click(() => {
      setTimeout(() => {
        correctHeight();
      }, 300);
    });

2. jQuery().bootstrapTable不能正常显示,且此界面会影响别的界面的位置

浏览器报错:ERROR TypeError: jQuery(…).bootstrapTable is not a function…..

//在调用jQuery().bootstrapTable前先导入下面这些(额,很简单的问题,但是也记录一下吧)
import 'bootstrap-table' ;
//组件相对来说bootstrap-table的地址
import '.......node_modules/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js' ;
declare var jQuery: any;

3. 用router.navigate进行带参数的页面跳转,跳转的页面接收不到参数。

例如当传参数为数字类型时 要带+号
this.router.navigate(['../url', +row.id], {relativeTo: this.route});
例如当传参数为字符类型时 不带+号
this.router.navigate(['../url', +row.id], {relativeTo: this.route});

4.ERROR TypeError: Cannot read property ‘__zone_symbol__ON_PROPERTYreadystatechange’ of null

参考https://github.com/angular/angular-cli/issues/7502

下载zone.js.zip,将.zip文件夹的内容放在这里node_modeules / zone.js / dist文件夹。
或
npm install --save zone.js@0.8.16似乎也可以解决

遇到的问题有局限性和个性,自己记录一下解决办法,不一定能帮到大家

发布了15 篇原创文章 · 获赞 11 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/baidu_28660921/article/details/77072710