Angular 2组件覆盖所有模板

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>

问题是，这里的代码测试被模块覆盖，我只有通常显示的栏桌，但没有下方显示。

//app/pages/foo/lidetfoo/lidetfoo.module.ts

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

和组件

//app/pages/foo/detailfoo/lidetfoo.component.ts

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

我称我的组件栏桌，如以下引用：

//app/pages/bar/bar.module.ts

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

//app/pages/bar/bartable.component.ts

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

有人知道为什么不显示此处的测试？

Answer 1

这似乎是NG2-Smart-Table和新的Angular版本的依赖性问题。等待模块的更新来解决此问题。