ng2学习笔记之bootstrap中的component使用教程
更新时间：2017年03月09日 09:05:56 作者：Benson.Cai
现在angular2已经除了集成的angular-cli，建议大家可以基于这个来快速开发ng2的项目，不用自己再搭建环境。接下来通过本文给大家介绍 bootstrap中的component使用教程,需要的朋友可以参考下
前序：
现在angular2已经除了集成的angular-cli，建议大家可以基于这个来快速开发ng2的项目，不用自己再搭建环境；
相关内容请前往：https://angular.cn/docs/ts/latest/cli-quickstart.html
正文：
以图片轮播组件carousel为例：
首先安装好ng2-bootstrap,bootstrap
npm install ng2-bootstrap bootstrap --save
在需要用到的模块中导入
import { CarouselModule } from 'ng2-bootstrap'
@NgModule({
imports: [
CarouselModule.forRoot()
],
})
export class HeaderModule { }
然后，有很重要一点，不要忘记引入了bootstroop.min.css文件；
接着，在组件的html中写入
<carousel [interval]="myInterval" [noWrap]="noWrapSlides" [(activeSlide)]="activeSlideIndex"> <slide *ngFor="let slidez of slides;"> <img [src]="slidez" > </slide> </carousel>
以上所述是小编给大家介绍的ng2学习笔记之bootstrap中的component使用教程，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了Angular实现点击按钮后在上方显示输入内容的方法,涉及AngularJS事件响应及页面元素属性动态设置相关操作技巧,需要的朋友可以参考下2017-12-12
本篇文章主要介绍了Angular之toDoList的实现代码示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
AngularJS中的$parse服务与$eval服务用法实例
这篇文章主要介绍了AngularJS中的$parse服务与$eval服务用法,结合实例形式分析了AngularJS中$parse服务与$eval服务的功能、使用方法与相关注意事项,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了详解Angular2中Input和Output用法及示例，对于angular2中的Input和Output可以和AngularJS中指令作类比，有兴趣的可以了解一下2017-05-05
这篇文章主要给大家介绍了Angular.JS通过指令操作DOM的方法，文中给出了详细的介绍和示例代码，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-05-05
这篇文章主要介绍了Angular实现的进度条功能,结合实例形式较为详细的分析了angular进度条功能的相关界面布局、功能等操作技巧,需要的朋友可以参考下2018-02-02
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
在AngularJs中有三种方式可以设置请求头信息，文中对每种方法给大家介绍的非常详细，选择那种方式可以根据自己的需求，感兴趣的朋友跟随脚本之家小编一起看看吧2018-09-09
Angular依赖注入optional constructor parameters概念
这篇文章主要为大家介绍了Angular 依赖注入领域里 optional constructor parameters 的概念及使用,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
详解JavaScript的AngularJS框架中的表达式与指令
这篇文章主要介绍了JavaScript的AngularJS框架中的表达式与指令,文中罗列了几个常用的指令属性加以说明,需要的朋友可以参考下2016-03-03
Angular 4依赖注入学习教程之Injectable装饰器（六）
这篇文章主要给大家介绍了关于Angular 4依赖注入之Injectable装饰器的相关资料，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来跟着小编一起学习学习吧。2017-06-06
最新评论