flat-able-free-angular-admin-template — Angular 后台模板

SHA-256: ee8d2b0210dece569f25049190f70011d8a45d8ad87558b1d0a5e106b706eec4

2026-10-01T14:53:09.382Z

# Flat Able Angular 9 Free Admin Template

Flat Able dashboard template built using Angular 9 with Bootstrap 4 framework, It is a free lite version of [Flat Able Angular](https://codedthemes.com/item/flat-able-free-angular-4-admin-template/) Dashboard Template will complete your admin dashboard needs.

Flat Able angular free admin template comes with variety of components like Alert, Button, Badges, Breadcrumb, Pagination, Card, Collapse, Carousel, Progress, Modal, Spinner, Tabs & Pills, Toasts, Icons, Form Elements, Table, Charts, Maps & Authentication Pages.

The code structure is highly flexible to use and modify. 

Its design adapt any screen size easily even if retina screens (retina tested).

The routing structure is lazy loading.

It is modern concept dashboard design with eye catchy colors.

Wish you happy to use our product in your project.

## Free Version Preview & Download

Check out live preview of Flat Able angular lite version & download it.

#### Preview

 - [Demo](http://html.phoenixcoded.net/flat-able/angular/free/dashboard/default)

#### Download

 - [Download from Github](https://github.com/phoenixcoded/flat-able-free-angular-admin-template)
 - [Download from Codedthemes](https://codedthemes.com/item/flat-able-free-angular-4-admin-template/) & receive important notification instantly in your maiL.
 
 ## Premium Version Preview & Download

Flat Able Admin Template is available to purchase. Visit its numerous demos and make your purchase decision.

#### Preview

 - [Demo](http://html.phoenixcoded.net/flat-able/angular/free/dashboard/default)

#### Download

 - [Purchase from Themeforest](https://themeforest.net/item/flat-able-angular-4-admin-template/20664478)

## Table of contents

 * [Getting Started](#getting-started)
 * [Online Documentation](#online-documentation)
 * [Build With](#build-with)
 * [Directory-structure](#directory-structure)
 * [RoadMap](#roadmap)
 * [Author](#author)
 * [Contributing](#contributing)
 * [Issues?](#issues)
 * [License](#license)
 * [Other Dashboard Products](#other-dashboard-products)
 * [Social Profiles](#social-profiles)
 
## Getting Started

Clone from Github 
```
git clone https://github.com/phoenixcoded/flat-able-free-angular-admin-template.git
```
#### Terminal Commands

This project was generated with Angular CLI version 9.0.2 and angular 9.x.

 1. Install NodeJs from [NodeJs Official Page](https://nodejs.org/en)
 2. Open Terminal.
 3. Go to your file project.
 4. Make sure you have installed [Angular CLI] (https://github.com/angular/angular-cli) already. If not, please install.
 5. Install node modules, Run in terminal: npm install
 6. Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README] (https://github.com/angular/angular-cli/blob/master/README.md).

*no other dependencies required to run the Flat Able Admin Dashboard*

## Online Documentation

Flat Able Lite version documentation cover in its Pro version documentation - check our [website.](https://phoenixcoded.gitbook.io/flat-able-angular/)

## Build With

 - [Angular CLI](https://github.com/angular/angular-cli) 9.0.3
 - [Latest Bootstrap 4 Stable](https://getbootstrap.com/)
 - [SASS Powered](https://sass-lang.com/)
 - [NodeJs](https://nodejs.org/en/) v12.0.0
 - [NgBootstrap](https://ng-bootstrap.github.io/#/home) 5.0.0

## Directory Structure
```
flat-able/
├── e2e
|    ├── src/
|   |   ├── app/
|    |   |   ├── demo/
|    |   |   ├── theme/
|    |   |   |   ├── layout/
|    |   |   |   |   ├── admin/
|    |   |   |   |   |   ├── configuration/
|    |   |   |   |   |   ├── nav-bar/
|    |   |   |   |   |   ├── navigation/
|    |   |   |   |   |   |   ├── nav-content/
|    |   |   |   |   |   |   ├── ...
|    |   |   |   |   |   |   ├── navigation.ts
|    |   |   |   |   |   ├── admin.component.html
|    |   |   |   |   |   ├── admin.component.ts
|    |   |   |   |   |   ├── admin.component.scss
|    |   |   |   |   ├── auth/
|    |   |   |   ├── shared/
|    |   |   |   |   ├── components/
|    |   |   |   |   |   ├── alert/
|    |   |   |   |   |   ├── ...
|    |   |   |   |   |   ├── index.ts
|    |   |   |   |   ├── full-screen/
|    |   |   |   |   ├── shared.module.ts
|    |   |   ├── app.component.html
|    |   |   ├── app.component.scss
|    |   |   ├── app.component.ts
|    |   |   ├── app.module.ts
|    |   |   ├── app-config.ts
|    |   |   ├── app-routing.module.ts
|    |   ├── assets/
|    |   |   ├── fonts/
|    |   |   ├── images/
|    |   |   ├── tinymce/
|    |   ├── environments/
|    |   ├── fake-data/
|    |   ├── scss
|    |   ├── favicon.ico
|    |   ├── index.html
|    |   ├── main.ts
|    |   ├── polyfills.ts
|    |   ├── style.scss
|    |   ├── test.ts
|    ├── .editorconfig
|    ├── .gitignore
|    ├── angular.json
|    ├── browserslist
|    ├── karma.conf.js
|    ├── package.json
|    ├── README.md
|    ├── tsconfig.app.json
|    ├── tsconfig.json
|    ├── tsconfig.spec.json
|    ├── tslint.json
├── ... More
```

## Author

Design and code is completely written by Themeforest's design and development team. We are happy to welcome the contributors work for our all repositiories.

## Issues

Please generate Github issue if you found bug in any version. We are try to be responsive to resolve the issue.

## License

 - Licensed cover under [MIT](https://github.com/phoenixcoded/flat-pro-free-angular-admin-template/blob/master/LICENSE)

## Other Dashboard Products

 - [Free Bootstrap 4 Admin Template](https://codedthemes.com/item/category/freebies/)
 - [Free Angular Dashboard Template](https://codedthemes.com/item/category/freebies/)
 - [Premium Bootstrap & Angular & React Admin Template](https://themeforest.net/user/phoenixcoded/portfolio)
 
## Social Profiles
 - Dribbble [https://dribbble.com/codedthemes](https://dribbble.com/codedthemes)
 - Behance [https://www.behance.net/codedthemes](https://www.behance.net/codedthemes)
 - Facebook [https://www.facebook.com/codedthemes](https://www.facebook.com/codedthemes)
 - Twitter [https://twitter.com/codedthemes](https://twitter.com/codedthemes)
 - Instagram [https://www.instagram.com/codedthemes/](https://www.instagram.com/codedthemes/)