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

gee*_*ter 6 themes twitter-bootstrap angularjs angular

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

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

有什么办法,这可以在 Angular2/Angular4 中实现,1) 不会真的错过主题提供的 JS 插件和 2) 不必到处复制 CSS?

Vik*_*ode 5

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

模板

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

    npm install (plug in) --save

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

    "styles": ["styles.css"], "scripts": [],

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

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

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

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

(* 代表组件名称)

等等……