Tag Archives: angularjs development

AngularJs ng-mousedown event example


AngularJs ng-mousedown event example : AngularJs ng-mousedown event example binds mousedown event with elements in html.


Syntax : AngularJs ng-mousedown event

The below example shows the ng-mousedown event directive.

Example

    



Counter = {{i}}

Try it »

AngularJs ng-mousedown event example

AngularJs ng-mousedown event example

AngularJs ng-dblclick event example


AngularJs ng-dblclick event example : AngularJs ng-dblclick event example binds double click event with elements in html.


Syntax : AngularJs ng-dblclick event

The below example shows the ng-dbl-click event directive.

Example

    



Counter = {{i}}

Try it »

AngularJs ng-dblclick event example

AngularJs ng-dblclick event example

AngularJs ng-click event example


AngularJs ng-click event example : AngularJs ng-click binds click event with elements in html.


Syntax : AngularJs ng-click event

The below example shows the ng-click event directive.

Example

    



Counter = {{i}}

Try it »

AngularJs ng-click event example

AngularJs ng-click event example

AngularJs ng-hide example


AngularJs ng-hide example : AngularJs ng-show directive shows/hides the hidden elements in html.


AngularJs ng-hide Syntax

Example

    



Show/Hide

Try it »

AngularJs ng-hide example

AngularJs ng-hide example

AngularJs ng-show example


AngularJs ng-show example : AngularJs ng-show directive shows/hides the hidden elements in html.


AngularJs ng-show Example

Example

    



Show/Hide

Try it »

AngularJs ng-show example

AngularJs ng-show example

Angularjs ng-disabled example


Angularjs ng-disabled example : AngularJs ng-disabled directive adds the disabled attribute in html.


Angularjs ng-disabled Example

Example

    



Enable/Disable

Try it »

Angularjs ng-disabled example

Angularjs ng-disabled example

AngularJs DOM


AngularJs DOM : AngularJs provides directives which binds application data with the HTML attributes.


AngularJs DOM Directives

[table width=”100%” colwidth=”10|100|290|160″ colalign=”left|left|left|left|left”]
No,Filters ,Description, Example & Detail, Demo
1.,ng-disabled,Disables the Element, More Detail & Demo », Demo »
2.,ng-show,Shows the hidden Element, More Detail & Demo », Demo »
3.,ng-hide,Hides the Element, More Detail & Demo », Demo »
3.,ng-click,Binds the click event, More Detail & Demo », Demo »
[/table]

Angularjs Http Intro


Angularjs Http Intro : AngularJs Http is core service used to read data from remote server. It basically interacts with HTTP servers and reads data.


Syntax : Angularjs Http Intro

$http.get('Url').then(Callback);
$http.post('Url', data).then(Callback);

Url : Thet Url from where you want to load data.
Callback : Callback function after success.

Let us call getUsers.php from server with the following data

{"users":[{"id":"1","name":"John","email":"johnk@yopemail.com","phone":"121323232"},{"id":"2","name":"Kelly","email":"kellyk@yopemail.com","phone":"121212122"},{"id":"3","name":"Ryan","email":"ryank@yopemail.com","phone":"22222212"},{"id":"4","name":"Kojo","email":"kojao@yopemail.com","phone":"12144444"},{"id":"5","name":"Kinjal","email":"kinjal@yopemail.com","phone":"22555212"},{"id":"6","name":"Tani","email":"tanya@yopemail.com","phone":"121334444"},{"id":"7","name":"Brak","email":"barak@yopemail.com","phone":"2444444512"},{"id":"8","name":"Uman","email":"uman@yopemail.com","phone":"12334444"}]}

Angularjs Http Intro : Example

Example

    



IdNameEmailPhone
{{data.id}} {{data.name}} {{data.email}} {{data.phone}}

Try it »

Angularjs currency filter example


Angularjs currency filter example : It converts the number in currency format


Syntax : Angularjs currency filter Example

Currency Example

    




Default currency is ($): {{amount | currency}}

Try it »

Angularjs currency filter example

Angularjs currency filter example