我正在尝试将ng2-bootstrap添加到angular2-seed项目的新克隆中,但我不断收到以下错误(或类似):
Unhandled Promise rejection: Template parse errors: 'tab' is not a known element
我按照说明here并尝试了几种变体,但它只是不想工作.我让它在使用不同版本的angular2-seed的其他项目中工作,所以也许有些东西已经改变,但尚未在他们的wiki中记录.
我创建了一个回购展示了我的问题:https://github.com/danielcrisp/angular2-seed
正如我所说,它是angular2-seed的新克隆,具有以下变化:
$npm install ng2-bootstrap –save
然后更新配置:
this.SYSTEM_CONFIG_DEV.paths['ng2-bootstrap'] = `${this.APP_BASE}node_modules/ng2-bootstrap/ng2-bootstrap.js`; this.SYSTEM_BUILDER_CONFIG.packages['ng2-bootstrap'] = { main: 'ng2-bootstrap.js',defaultExtension : 'js' };
将Ng2BootstrapModule导入NgModule.
<tabset> <tab>1</tab> <tab>2</tab> </tabset>
如果我从HTML中删除选项卡,我没有错误.如果我尝试其他ng2-bootstrap组件,我也会收到错误,例如
<button type="button" class="btn btn-primary" [(ngModel)]="singleModel" btnCheckBox btnCheckBoxTrue="1" btnCheckBoxFalse="0">`
解决方法
事实证明,我需要将Ng2BootstrapModule包含在每个使用它的子NgModule中,而不仅仅是主根NgModule.
将Ng2BootstrapModule导入home.module.ts就可以了.
感谢@mgechev的答案!