View Code? Open in Web Editor
NEW
This project forked from samridh90/volumemanager
Demo Ng2 Project
TypeScript 54.44%
CSS 4.97%
HTML 12.87%
Python 17.23%
JavaScript 10.50%
volumemanager's Introduction
- Run
npm install
- Get an API key from your vm. Replace
ARRAY_NAME and API_TOKEN in env.py
- Run
./dev to run the flask server in debug mode
- In another terminal, run
npm run tsc:w to watch and transpile typescript as you modify files
- Display Volume data using string interpolation
- Inline templating
- Two way data binding using ngModel from FormsModule on input tag
- Display list of selectable volumes
- Select a volume and show it's details
- Structural directives (ngFor, ngIf), event bindings (click), and property bindings (class.)
- Create a reusable component
- Pass inputs to component
- Declare dependencies in NgModule
- Bind data from parent component to child component
- Create a reusable service to fetch data
- Use
ngOnInit lifecycle hook to get data on component init
- Use
providers array to specify service as a provider for component
- Mock out volumes data and expose to component as an
Observable
- Add Component Router for navigation
routerLinks and routerOutlets- Shared services
templateUrl and styleUrls properties of componentsuppercase pipe
- Add
HttpModule as dependency
- Refactor
VolumeService to load data from web server
- Add support for POST, PUT, and DELETE to
VolumeService
- Update components to allow CRUD operations
volumemanager's People
Contributors
Watchers
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent