Skip to content

BasitAli/angular-list-view-template

Repository files navigation

ListViewTemplate

This project takes some clues from the *ngFor directive to implement a list view component that takes in a template for the list items.

Features:

Complete:

  1. Custom template support for list view items.
  2. Keyboard navigation.
  3. Multiselect items using Shift and Meta keys.

Todo:

  1. Ability to configure selection options.
  2. Add support for ngTrackBy.

About the demo

The demo was generated with angular-cli version 1.0.0-beta.26.

Install Dependencies

Run npm install or yarn to install project dependencies.

Development server

Run npm start for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run npm run ng generate component component-name to generate a new component. You can also use npm run ng generate directive/pipe/service/class/module.

Build

Run npm run build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run npm test to execute the unit tests via Karma.

Running end-to-end tests

Run npm run e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via npm run ng serve.

Deploying to GitHub Pages

Run npm run ng github-pages:deploy to deploy to GitHub Pages.

Further help

To get more help on the angular-cli use npm run ng help or go check out the Angular-CLI README.

About

Angular2 List View component with custom Item templates

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published