Angularで作るER DIAGRAM TOOL – 第二回 ngx-bootstrapのインストール、google material iconの追加と、navbarコンポーネントの準備

(1) Installation of ngx-bootstrap


npm install ngx-bootstrap bootstrap --save


Add css for bootstrap to style

(2) Add google material icon & add model


(3) Introduction of Navy Bar

While deleting Angular’s default page,
Implement navbar as a component.

Create / src / app / navbar folder
Below, place 3 files




Add a component to a module so that it can be displayed


Import of NavbarComponent, addition of Declarations



Now the screen now shows [navbar component].
Next time we will implement navbar with ngx-bootstrap.