- Notifications
You must be signed in to change notification settings - Fork2
npathai/todo-angular2
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
A TODO list app created in Angular 2
Install Node.js® and npm if they are not already on your machine
Visit :https://nodejs.org/en/download/
npm install -g @angular/cli
ng new my-application
cd my-app ng serve --open [ or ng serve -o ]
ng g service servicename
Visit :https://ng-bootstrap.github.io/#/home
npm install --save @ng-bootstrap/ng-bootstrap
import{NgbModule}from'@ng-bootstrap/ng-bootstrap';
Example :
@NgModule({declarations:[AppComponent, ...],imports:[NgbModule.forRoot(), ...],// forRoot is used to add application/singleton services.bootstrap:[AppComponent]})exportclassAppModule{}
npm install bootstrap@4.0.0-alpha.6
Example :
"styles": ["styles.css","../node_modules/bootstrap/dist/css/bootstrap.css" ]
<divclass="container"><divclass="col-xs-2"><ulclass="list-group"><liclass="list-group-item"></li></ul></div></div>
<linkrel="stylesheet"href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><divclass="container"><divclass="row"><divclass="col-sm-1"><!-- Checkbox --></div><divclass="col-sm-9"><!-- Form --></div><divclass="col-sm-1"><!-- delete button --><spanclass="fa fa-trash-o"style="cursor:pointer;"></span></div></div></div>
<divclass="form-group"[ngClass]="form.get('updatedTask').hasError('required') && isSubmitted ? 'has-danger' : ''"><inputtype="text"class="form-control input-sm form-control-danger"id="task"placeholder="Add a task"formControlName="updatedTask"focus/><divclass="form-control-feedback"\*ngIf="form.get('updatedTask').hasError('required') && isSubmitted"> Task name is required</div></div>
<span[ngClass]="task.isDone ? 'task-done' : 'task'"(click)="enableEditing()"\*ngIf="!editable"style="cursor:pointer;"></span>
`npm install ng2-dnd --save`
import{BrowserModule}from"@angular/platform-browser";import{NgModule}from'@angular/core';import{DndModule}from'ng2-dnd';@NgModule({imports:[BrowserModule,DndModule.forRoot()],bootstrap:[AppComponent]})exportclassAppModule{}
Using bootstrap components in Angular 2 Visit:https://valor-software.com/ng2-bootstrap/#/
About
A TODO list app created in Angular 2
Resources
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
No releases published
Packages0
No packages published
Contributors2
Uh oh!
There was an error while loading.Please reload this page.