ng5-bootstrap4-carousel Angular5 sample project installed Bootstrap4 Carousel

ng5-bootstrap4-carousel is an Angular5 sample project for programmers who want to use Bootstrap4 Carousel easily.

Video Explanation

(English) https://youtu.be/BrQF_v4jvrs

(Japanese) https://youtu.be/Wgc1cPRdQd0

Full Source Code https://github.com/Ohtsu/ng5-bootstrap4-carousel

Overview

This project is based on ng-bootstrap.

So please refer to ng-bootstrap Getting started page as follows at first.

https://ng-bootstrap.github.io/#/getting-started

Prerequisite

• Git
• Node.js
• TypeScript2
• Angular5
• Angular/cli

Installation

To install this program:

• Make your own directory and change into it.

$ mkdir mydir
$ cd mydir

• Make the clone as follows.

$ git clone https://github.com/Ohtsu/ng5-bootstrap4-carousel.git

• Change into ng5-bootstrap4-carousel and run npm install.

$ cd ng5-bootstrap4-carousel
$ npm install 

Check Your Program

If you start local server as follows, you can get the first page in your browser by accessing http://localhost:4200.

$ ng serve

You will find the default page.

• First Page

Stop Local Server

Input Ctrl+C and y+Return to stop the local server.

Version

• ng5-bootstrap4-carousel : 0.0.1
• @angular/cli : 1.5.0
• Angular : 5.0.0
• @ng-bootstrap : 1.0.0-beta.9

Reference

• "ng-bootstrap Getting started",

https://ng-bootstrap.github.io/#/getting-started

• "Angular5 Custom Library: The definitive, step-by-step guide", https://www.udemy.com/draft/1461368/learn/v4/content

Change Log

• 2018.1.14 version 0.0.1 uploaded

Copyright

copyright 2018 by Shuichi Ohtsu (DigiPub Japan)

License

MIT © Shuichi Ohtsu