小编vic*_*mac的帖子

在Angular 2中加载延迟加载的模块时显示活动指示器

我的方案如下.我有一个菜单,有多个选项.应该根据用户权限(已经解决)显示每个菜单,大多数菜单项都封装为模块,并且大多数模块都是延迟加载的,因此当用户第一次单击菜单项时,它会加载(到此为止所有内容)效果很好),现在我的要求是,为了提供更好的用户体验,我需要在加载延迟加载的模块时用户点击菜单项后显示活动指示器.

到目前为止,我尝试使用canActive,canLoad,来自Angular Router的canActivateChild接口,但没有运气.

有任何想法吗?

lazy-loading angular2-routing angular

28
推荐指数
3
解决办法
1万
查看次数

如何在ng2-file-upload中添加自定义标题

我正在尝试使用ng2-file-upload,问题是我无法设置自定义标头.到目前为止,我已经做到了这一点

upload-documents.component中

  import { Component } from '@angular/core';
  import { FileUploader,  Headers } from 'ng2-file-upload';

  @Component({
      moduleId: module.id,
      selector: 'sg-uploadcompnent',
      templateUrl: '../views/upload-documents.template.html'
  })

  export class UploadDocumentsComponent {
     public uploader: FileUploader = new FileUploader({
     url: "http://localhost:port/app/api/upload/",
     authToken: "Authorization",
     authTokenHeader: "Bearer mytoken871lkdk39829",
     isHTML5: true,
     **headers: [
         {name: "myCustomHeader", value:"some value"}]**
  });
}
Run Code Online (Sandbox Code Playgroud)

upload-documents.template.html中

    <style>
.my-drop-zone { border: dotted 3px lightgray; }
.nv-file-over { border: dotted 3px red; } /* Default class applied to    drop zones on over */
 .another-file-over-class { …
Run Code Online (Sandbox Code Playgroud)

file-upload angular

3
推荐指数
2
解决办法
5940
查看次数