将Angular 4与外部引导程序HTML模板集成

问题描述:

我一直是Angular1开发人员,最近考虑将Angular4用于新的Web应用程序项目。将Angular 4与外部引导程序HTML模板集成

随着Angular1,我用来购买一个'引导管理主题',它有很好的完成和一致的CSS和许多JS插件放在一起,这使我能够专注于应用程序本身。我曾经在有数据操作的地方插入Angular1代码,我喜欢这样做。所以我有两全其美。

有没有什么办法,这可以在Angular2/Angular4,1中实现),而不必错过主题提供的JS插件和2)而无需将CSS复制到任何地方?

+0

据我知道Angular2/4是多于或少于Angular1不同,这意味着您必须重写大部分代码才能与最新的Angular版本兼容。我无法分辨JS插件是否会在Angular4上运行(如果优化得当,它们可能会运行)。 – Haseoh

是的,这是可能的,但你将不得不做'一些'调整。

模板

  • 首先导入所有的JS通过NPM插件

    NPM安装(插入)--save

  • 然后,你将有编辑您的angular-cli.json以包含js插件(js & css)

    “风格”: “styles.css的”], “脚本”:[],

    把路径样式&脚本数组

  • 那么你应该在添加主模板的css文件到预定义的styles.css

  • 接下来,您应该将页面分解为组件(视图组件和“标记”组件)。

现在关于定制应用开发:
添加自定义 - js的中* .component.js - CSS中* .component.css - HTML中* .component.html

(*代表组件名称)

等瞧...

+0

谢谢。会试试这个。 –