仅在app.component中呈现角度自定义库组件



我正试图将我的自定义库从另一个项目导入到我的新应用程序中。到目前为止,我已经开发了该库,并正在使用npm link将其导入本地应用程序。我看到了这种奇怪的现象。我的应用程序组件和许多应用程序一样设置,其中有一个路由器出口:

<router-outlet></router-outlet>

我已经创建了一个本地组件,它使用我的自定义库组件(这是模板(:

<my-custom-lib-component></my-custom-lib-component>

以及指向该组件的路线定义,如

const routes = [{
path: 'local-path',
component: LocalComponent
}];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule {}

导航到local-path时,自定义库组件不会在dom中渲染。my-custom-lib-component的标签在那里,但组件没有构建。其他角度指令和组件也可以工作。

但是,如果我将库组件移动到我的应用程序组件,它就会呈现。我以前从未遇到过这样的事情。

为什么我的库组件会在app.component中呈现,而不是在路由器出口创建的组件中呈现?

我找到了答案。由于某种原因,该组件没有在app.module中声明,这很奇怪,因为1(我使用angular cli创建了它2(我的应用程序中只有一个模块3(它没有给我任何未声明的错误4(组件加载并部分工作

最新更新