我正试图将我的自定义库从另一个项目导入到我的新应用程序中。到目前为止,我已经开发了该库,并正在使用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中呈现,而不是在路由器出口创建的组件中呈现?