Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何扩展ng引导组件(NgbTab)?_Javascript_Html_Css_Angular_Ng Bootstrap - Fatal编程技术网

Javascript 如何扩展ng引导组件(NgbTab)?

Javascript 如何扩展ng引导组件(NgbTab)?,javascript,html,css,angular,ng-bootstrap,Javascript,Html,Css,Angular,Ng Bootstrap,我有一个场景,我必须在ng bootstrap中为tab组件添加加载程序 以下是ng引导的代码 <ngb-tabset> <ngb-tab title="Home"> <ng-template ngbTabContent> <p>Home Content</p> </ng-template> </ngb-tab> <ngb-tab title="Profile">

我有一个场景,我必须在
ng bootstrap
中为tab组件添加加载程序

以下是ng引导的代码

 <ngb-tabset>
  <ngb-tab title="Home">
    <ng-template ngbTabContent>
      <p>Home Content</p>
    </ng-template>
  </ngb-tab>
 <ngb-tab title="Profile">
    <ng-template ngbTabContent>
      <p>Profile Content</p>
    </ng-template>
  </ngb-tab>
  <ngb-tab title="Contacts">
    <ng-template ngbTabContent>
      <p>Contacts Content</p>
    </ng-template>
  </ngb-tab>
</ngb-tabset>

家庭内容

配置文件内容

联系人内容

当内容加载延迟时,我需要显示加载程序

我不知道如何扩展这个组件

有没有办法扩展这个组件,为每个选项卡添加加载器


请给我建议最好的方法

让我知道,如果问题不清楚。我认为它只是把每个ng模板内的加载程序。但你的e.g.看起来更像是一种导航。如果是,使用简单的css创建选项卡