angularjs - 将 Angular 4 与外部 Bootstrap HTML 模板集成

Question

我一直是 Angular1 开发人员，最近考虑将 Angular4 用于新的 Web 应用程序项目。

使用 Angular1，我曾经购买过一个“Bootstrap Admin Theme”，它带有完善且一致的 CSS 和许多 JS 插件，让我可以专注于应用程序本身。我曾经在有数据操作的区域插入 Angular1 代码，我很喜欢这样做。所以我两全其美。

有什么方法可以在 Angular2/Angular4 中实现，1) 不会错过 Theme 提供的 JS 插件，2) 不必到处复制 CSS？

Answer 1

是的，这是可能的，但您必须进行“一些”调整。

模板

首先通过npm导入你所有的js插件

npm install (插件) --save

然后你将不得不编辑你的 angular-cli.json 以包含 js 插件(js & css)

“样式”:[“styles.css”]，
“脚本”:[]，

将样式和脚本的路径放入数组

然后你应该将主模板css文件添加到预定义的styles.css

接下来，您应该将页面分解为组件(查看组件和“标记”组件)。

现在关于自定义应用程序开发:
添加您的自定义
- js 到 *.component.js
- css 到 *.component.css
- html 到 *.component.html

(* 代表组件名称)

等等...