微客导航 » 文章资讯 » ng2学习笔记之bootstrap中的component使用教程

ng2学习笔记之bootstrap中的component使用教程

2024-02-27 23:59:03 532

前序：

现在angular2已经除了集成的angular-cli，建议大家可以基于这个来快速开发ng2的项目，不用自己再搭建环境；

相关内容请前往：https://angular.cn/docs/ts/latest/cli-quickstart.html

正文：

以图片轮播组件carousel为例：

首先安装好ng2-bootstrap,bootstrap

npminstallng2-bootstrapbootstrap--save

在需要用到的模块中导入

import{CarouselModule}from'ng2-bootstrap'
@NgModule({
imports:[
CarouselModule.forRoot()
],
})
exportclassHeaderModule{}

然后，有很重要一点，不要忘记引入了bootstroop.min.css文件；

接着，在组件的html中写入

以上所述是小编给大家介绍的ng2学习笔记之bootstrap中的component使用教程，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！