Question

我想创建一个新的angular 6项目，并希望从另一个现有的angular项目中重复使用页眉，页脚和其他一些组件。

有人可以帮我吗？

Answer 1

您可以使用Angular 6库功能实现该功能，以跨项目创建可重用组件。

可以使用 @ angular / cli 或 ng 命令来生成Angular库。

const socialMediaResourceItems = 
[
    {
        id: 1,
        image: '1.jpg',
        alt: 'hi',
        url: '#'
    },
    {
        id: 2,
        image: '2.jpg',
        alt: 'hi',
        url: '#'
    }
]

const SocialMediaResources = () => {
    const socialMediaList = socialMediaResourceItems.map((socialMediaResourceItem) => (
            <li key={socialMediaResourceItem.id}>
                {/* <img src={require(`${socialMediaResourceItem.image}`)} alt={socialMediaResourceItem.alt} />   */}
                <img src=`../images/${socialMediaResourceItem.image}` alt={socialMediaResourceItem.alt} />  
            </li>
    )
)

return (
    <div className="link-groups">
        {socialMediaList}
    </div>
  )
};

export default SocialMediaResources

Answer 2

是的，您可以重复使用它们。

例如：

<app-header></app-header>

<app-footer></app-footer> ...

常见的页眉和页脚位于两个单独的有角6项目中？

2 个答案: