将Bootstrap主题/模板添加到Angular应用中

二叠纪

我刚刚创建了Visual Studio 2017向导中提供的Angular&Asp.Net Core模板。然后,我下载了以下模板(精简版)(https://graygrids.com/item/classix-bootstrap-html5-classified-ads-listing-job-portal-web-template/)但是,我不确定如何处理已下载的文件。它包含一个称为资产的文件夹(包含css,js等)和一堆html文件。

如何将该模板与Angular集成?

有关更多信息,请参见https://github.com/gf1721/Directory-ListingWebApp

为了澄清起见,我不是在谈论Bootstrap CDN。

我在互联网上看过,但令人惊讶的是,似乎没有唯一的来源来解释如何将主题与Angular集成。这似乎也不是一个小问题。我真的在这个上挣扎,幸好我还没有买模板!

谢谢

阿德里安·史密斯

您不能只复制一堆非Angular文件并将它们转换为Angular项目。

最好的方法是开始为您的应用搭建所需的组件/路由,然后手动将模板代码复制到组件中。这并不是真正可以自动化的事情,如何决定将模板分解为组件将是您必须做出的设计决定。只需将模板添加到您的项目中,然后在Angular中重建模板就可以了。

就基本代码而言,只需将模板所需的任何Javascript / CSS依赖项添加到Angular中(在index.html中或使用Angular CLI的script选项)。只需查看如何将Bootstrap 4添加到Angular Starter或CLI应用程序中即可,这将使您入门。

此外,请注意,通常不希望将JQuery重接口元素添加到Angular项目中,因为您实际上是在使用两个正交DOM操作系统。我并不是说不要这样做,但是当您尝试绑定它们或通过Angular的DOM操作与它们交互时,您可能会发现模板中的元素不能很好地发挥作用。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章