Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist/demo-app change link to repo (2) Dec 18, 2018
docs change link to repo (2) Dec 18, 2018
e2e merge with can Dec 18, 2018
.editorconfig initial commit Dec 13, 2018
.gitignore solve merge related errors and deploy gh-page Dec 18, 2018 Update Dec 18, 2018
package-lock.json fun with gh-page Dec 18, 2018
protractor.conf.js chore: initial commit from @angular/cli Nov 2, 2017

Demo App for Sticky Footer with Angular 7 and Material 2

This simple demo app is part of an updated article on theCodeCampus blog. The article can be found here.
This example uses Angular 7 and Material 2.

Where can I find the running demo?

Follow this link.

What is it about?

My guess is your using Angular in combination with Angular Material and you need a sticky footer, which is under given circumstances not well documented.
The footer supports a variable height.


The most important file is src/app/app.component.scss. There you can find the scss rules to support a sticky footer.

Run the example

Clone this project and run ng serve for a dev server. Navigate to http://localhost:4200/.