[郑州|结业弟子]JS-张雄|2020年02月20日的日报-技能树.IT修真院

发表于： 2020-02-20 22:46:30

1 3473

今天完成的事

1，为任务项目引入bootrap；

2，引入日历插件时没有成功，因为导入方式不对，将使用另一种日历插件形式重新导入；

3，重新使用bootrap更换了以前的部分样式；

明天的计划

1，使用新的日历插件导入项目中；

2，继续学习有关服务的概念；

遇到的问题

昨天寻找的日历插件导入方式不成功，因此更换为新的方式（使用另一个angular组件库 ngx-bootsrap）;以及对日历插件默认样式的修改暂未找到思路；

收获

今天在寻找导入boostrap的教程不尽如意，并且。使用的基本都是npm进行安装，但因为有angular CLI的原因，CLI也可以通过安装ngx-boostrap引入bootrap；然后花了挺长时间才从官网上寻到引导步骤，

为此，做一个步骤简要；

（1）打开项目所在添加ngx-boostrap；

（2）按需添加相应的组件；

ng add ngx-bootstrap  --component 《你想要添加的组件名》

组件添加参考：

比如添加轮播图组件：

ng add ngx-bootstrap  --component carousel

或者添加日历组件等：

ng add ngx-bootstrap  --component datepicker

（3）将bootrap添加到根组件中：

（4）然后确认在项目中可以使用栅格系统：

返回列表