Question

我有以下模块，在我的html页面中添加ng2-smart-table组件，如下所示：

  <div class="row">
    <div class="col-md-6">
      <ba-card title="Commandes" baCardClass="with-scroll">
        <bar-table></bar-table>
      </ba-card>
    </div>
  </div>
    <div class="row">
      TEST HERE
    </div>

问题是代码TEST HERE被模块覆盖了，我只有我的条形表，它通常显示但不在其下面。

//应用程序/网页/富/ detailFoo / detailFoo.module.ts

NgModule({
  imports: [
    CommonModule,
    NgaModule,
    Ng2SmartTableModule,
    BarModule,
    DetailFooRouting
  ],
  declarations: [
    DetailFoo
  ],
  exports: [
    DetailFoo
  ],
  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})
export default class DetailFooModule {}

和组件

//应用程序/网页/富/ detailFoo / detailFoo.component.ts

@Component({
  selector: 'foo-detail',
  template: require('./detailFoo.html'),
})
export class DetailFoo {

  constructor() {
  }
}

我调用我的组件条形表，其引用方式如下：

//应用程序/网页/酒吧/ bar.module.ts

@NgModule({
  imports: [
    CommonModule,
    NgaModule,
    Ng2SmartTableModule,
    routing
  ],
  declarations: [
    BarTableComponent
  ],
  exports: [BarTableComponent]
})
export class BarModule {}

//应用程序/网页/酒吧/ barTable.component.ts

@Component({
  selector: 'bar-table',
  template: '<ng2-smart-table [settings]="settings" (deleteConfirm)="onDeleteConfirm($event)"></ng2-smart-table>'
})
export class BarTableComponent

有人知道为什么TEST HERE没有显示？

Answer 1

似乎是ng2-smart-table和新角度版本的依赖问题。等待更新模块以解决此问题。

角度2组件覆盖所有模板

1 个答案: