javascript - Angular2怎么设置通用组件使多个模块可以使用？

问题描述

问 题

项目中有两个模块。一个根模块 app.modules,另外一个是自定义子模块 personal-setting.module,然后现在我自定义了一个组件component，想在 子模块personal-setting.module中使用，component在根模块import组件进来并且在declarations中写入组件，这样没用，报了以下错误

接着我就在 子模块personal-setting.module将组件import进来添加组件，就可以用了，这是这样我就没办法在子模块外面的页面使用这个组件了。两个模块也不可以同时import组件，会报错：

在问下你们是怎么设置通用组件的，能够在不同的模块中使用！

解决方案

你的IdentityComponent组件只需要在你这个组件的module里import就好，并且写入declarations。
当你想调用这个组件的时候，只需要在调用的父组件的module里把IdentityComponent的module import进来，并且写入imports里。。而不是多次导入组件写入declarations

这篇关于javascript - Angular2怎么设置通用组件使多个模块可以使用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！