将Angular 4与外部引导程序HTML模板集成
问题描述:
我一直是Angular1开发人员,最近考虑将Angular4用于新的Web应用程序项目。将Angular 4与外部引导程序HTML模板集成
随着Angular1,我用来购买一个'引导管理主题',它有很好的完成和一致的CSS和许多JS插件放在一起,这使我能够专注于应用程序本身。我曾经在有数据操作的地方插入Angular1代码,我喜欢这样做。所以我有两全其美。
有没有什么办法,这可以在Angular2/Angular4,1中实现),而不必错过主题提供的JS插件和2)而无需将CSS复制到任何地方?
答
是的,这是可能的,但你将不得不做'一些'调整。
模板
-
首先导入所有的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
谢谢。会试试这个。 –
据我知道Angular2/4是多于或少于Angular1不同,这意味着您必须重写大部分代码才能与最新的Angular版本兼容。我无法分辨JS插件是否会在Angular4上运行(如果优化得当,它们可能会运行)。 – Haseoh