从角度2中的ng-bootstrap模块中排除组件

时间:2017-03-01 09:16:49

标签: angular ng-bootstrap

我想从角度2中的ng-bootstrap模块导入一些特定组件。 我能这样做吗?

我有从现有ng-bootstrap组件创建的自定义tabset。 导入ng-bootstrap后,我遇到模块重复错误。

我该怎样处理这个。!!

2 个答案:

答案 0 :(得分:2)

这很简单:只需从ng-bootstrap导入单个模块,而不是导入整个leaflet。例如,您只需导入与警报相关的功能:

```{r fig.width=2, fig.height=2}
library(leaflet); library(htmltools)
browsable(tagList(leaflet() %>% addTiles())
```

当然,您必须导入并列出您正在使用的所有模块,但这里的优点是您只能精确引用应用程序中使用的内容。

答案 1 :(得分:1)

首次使用ng-bootstrap的人犯了两个常见错误:

  1. 同时包含NgbModule和单个组件,并得到该重复错误。
  2. 导入大多数组件时缺少“ Module”后缀
    (例如,import { NgbTabset } from ...而非import { NgbTabsetModule } from ...

因此,如果您已导入NgbModule,请删除NgbTabsetModule并导入// Remove this line -> import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; import { NgbTabsetModule } from '@ng-bootstrap/ng-bootstrap'; //... @NgModule({ imports: [ // ... NgbTabsetModule, ], declarations: [YourComponent] }) export class YourComponent {} 作为问题的答案。

就像这样:

'@ng-bootstrap/ng-bootstrap'

P.S。同样,也不需要像其他答案中提到的那样在导入组件时提供完整路径。从fastboot oem get_unlock_data导入可以正常工作。