Angularjs table sorting filter and paging

angularjs bootstrap angularjs examples Angularjs table example filter order paging

Angularjs table sorting filter and paging

Kris Kimcil 02.44 Komentar

Angularjs table sorting, filter and paging

This post provides an example about how create a table via sorting, filter and paging. Following directives and services in angularjs will be used:

• orderby
• filter
• ng-click
• ng-model
• ng-repeat

Read more »

Baca selengkapnya

Angularjs table via sorting and filter on columns example

angularjs examples Angularjs table example filter order

Angularjs table via sorting and filter on columns example

Kris Kimcil 00.19 Komentar

Angularjs table example

 This post provides an example about how create a table via sort and filter features.
Following directives and services in angularjs will be used:

• orderby
• filter
• ng-click
• ng-model
• ng-repeat
• ng-init

Read more »

Baca selengkapnya

Angularjs event example

angularjs event example Mousemove event Mouseover event Mouseup event ng-mousedown ng-mouseenter ng-mouseleave ng-mousemove ng-mouseover ng-mouseup

Angularjs event example

Kris Kimcil 21.48 Komentar

This example helps you known about six events in angularjs

•    Mousedown event
•    Mouseenter event
•    Mouseleave event
•    Mousemove event
•    Mouseover event
•    Mouseup event
Read more »

Baca selengkapnya

Angularjs ng-pattern example

angularjs examples ng-pattern examples

Angularjs ng-pattern example

Kris Kimcil 01.23 Komentar

Angularjs input pattern example

This example is using ng-pattern for Number, Text only and Date type.  
Please follow this code to know how to apply ng-pattern. If you try to input incorrect data the form will be invalid and text on it changes to RED.


Read more »

Baca selengkapnya

ng-class if example

angularjs examples ng-class if example

ng-class if example

Kris Kimcil 20.55 Komentar

How to apply  ng-class if

This example provides two ways using ng-class if expression.
Following directives and services in angularjs will be used:

• ng-classs
• ng-model
• ng-repeat

Read more »

Baca selengkapnya

Tutorial 33 - angularjs works with wcf

angularjs tutorials Angularjs works with wcf

Tutorial 33 - angularjs works with wcf

Kris Kimcil 06.01 Komentar

Angularjs works with wcf

on-going

Baca selengkapnya

Tutorial 32 - Angularjs MVC RESTful Web Service example

AngularJs applications angularjs examples Angularjs MVC angularjs with web api entity framework MVC

Tutorial 32 - Angularjs MVC RESTful Web Service example

Kris Kimcil 05.58 Komentar

 Angularjs MVC RESTful Web Service example

This example shows how to create a simply web application using angularjs, mvc, RESTful Web Service and ORM Entity Framework, I named it is “manage customer”.


List of features:

•     List customer
•     Edit customer
•     Create new customer
•     Delete customer

List of projects of “manage customer” application:

1.     CustomerEntities (Entity Framework 6.0.0.0)
2.     CustomerDAL (c# class library)
3.     CustomerBLL (c# class library)
4.     CustomerAPI (RESTful web service)
5.     CustomerUI (AngularJs, MVC)

Notes that in customer UI will be no C# controller file, it is be replaced by angularjs script file. CustomerAPI will works with CustomerBLL to controll business logic, CustomerBLL reference data layer (CustomerDAL) and CustomerDAL works CustomerEntities to query data.
OK now we focus step by step to know it.

Step 1: Create database for “manage customer” application
Read more »

Baca selengkapnya

Tutorial 31 – service $http in angularjs

angularjs tutorials Service http in angularjs

Tutorial 31 – service $http in angularjs

Kris Kimcil 05.55 Komentar

Service $http in angularjs

 In AngularJS the $http is a core service for reading data from web servers.
Expression: $http.get(url) 

Example:
we have a url as http://www.youdomain.com/data/getStudent and this url return following data

Read more »

Baca selengkapnya