Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 向Angular应用程序添加引导主题/模板_Javascript_Css_Angular_Twitter Bootstrap - Fatal编程技术网

Javascript 向Angular应用程序添加引导主题/模板

Javascript 向Angular应用程序添加引导主题/模板,javascript,css,angular,twitter-bootstrap,Javascript,Css,Angular,Twitter Bootstrap,我刚刚创建了Visual Studio 2017向导中提供的Angular&Asp.Net核心模板。然后我下载了以下模板(在lite免费版本中)。但是我不确定如何处理我下载的文件。它由一个名为assets的文件夹(包含css、js等)和一堆html文件组成 如何将此模板与Angular集成 有关详细信息,请参阅 为了澄清,我不是在谈论引导CDN 我在互联网上看过,但令人惊讶的是,似乎没有一个单一的来源来解释如何将主题与角度相结合。这似乎也不是一个微不足道的问题。我真的很挣扎在这一点上,谢天谢地,

我刚刚创建了Visual Studio 2017向导中提供的Angular&Asp.Net核心模板。然后我下载了以下模板(在lite免费版本中)。但是我不确定如何处理我下载的文件。它由一个名为assets的文件夹(包含css、js等)和一堆html文件组成

如何将此模板与Angular集成

有关详细信息,请参阅

为了澄清,我不是在谈论引导CDN

我在互联网上看过,但令人惊讶的是,似乎没有一个单一的来源来解释如何将主题与角度相结合。这似乎也不是一个微不足道的问题。我真的很挣扎在这一点上,谢天谢地,我还没有买一个模板呢


谢谢

您不能只是复制一堆非角度文件,然后将它们转换为角度项目

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

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


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

您的意思是避免使用Angular模板和避免使用引导主题/模板吗?不。我的意思是,尝试在两种不同技术之间迁移代码库可能需要大量工作。可能比你试图从头开始制作主题要少,但仍然很重要。你对我提出的问题的措辞暗示了你期望某种可重复的“导入”过程,我只是认为这并不能反映出工作的实际情况。他们为什么使用jquery?模板化web应用的正常方式是什么?引导是使用jquery构建的。UI Bootstrap()提供了许多常见引导组件的纯角度等价物。我不太明白你说的模板是什么意思。Angular有自己的模板引擎,但你是说在构建web应用程序时如何找到模板/示例?我通常从头开始做东西。