Category Archives: AngularJS

AngularJS codes

AngularJS Reviewer

What is AngularJS? It is a framework to build large scale and high performance web application while keeping them as easy-to-maintain. Features of AngularJS framework: powerful JS based development framework to create RICH Internet Application (RIA). provides developers options to … Continue reading

Posted in AngularJS | Leave a comment

SQL

Fetching Data From a PHP Server: http://www.w3schools.com/angular/php Fetching Data From an ASP.NET Server: http://www.w3schools.com/angular/asp_net

Posted in AngularJS | Tagged , , ,

Services

$location: http://www.w3schools.com/angular/services $http: http://www.w3schools.com/angular/services_http http://www.w3schools.com/angular/http http://www.w3schools.com/angular/http_properties http://www.w3schools.com/angular/http_error http://www.w3schools.com/angular/customers_json / customers.php $timeout: http://www.w3schools.com/angular/services_timeout $interval: http://www.w3schools.com/angular/services_interval – clock $location & $anchorScroll:  $cookie: $cachefactory: Create Custom Service: http://www.w3schools.com/angular/services_custom / Compute Input Fields Custom Service Inside a Filter: http://www.w3schools.com/angular/services_filter http://www.w3schools.com/angular/services_filter2 – for Array/Object AngularJS Plugin: http://angularjs.jqueryrain.com/ Carousel: example1 / example2 / example3

Posted in AngularJS | Tagged , , , , , , , , , ,

Form

Copy Input Value:  {{ value }} OR ng-bind=”value” ng-init=”variable=’value’” ng-model=”variable” / {{variable}} ng-model=”variable”> / {{variable}} {{firstName + lastName}} {{ function() }} OR <script src=”controller.js”> Display Form Value: https://jsfiddle.net/aicccia/99aho7on/ ng-value:  Wait with the data-binding until the field loses focus: ng-model-options Input Maxlength: ng-maxlength Input Minlength: ng-minlength Disable Button: ng-disabled Reset Input … Continue reading

Posted in AngularJS | Leave a comment

Filters

Uppercase: http://www.w3schools.com/angular/filters_uppercase Lowercase: http://www.w3schools.com/angular/filters_lowercase OrderBy: http://www.w3schools.com/angular/filters_orderby / desc Date: new Date() / dd.MM.y / fullDate / MMMM d, y Number: http://www.w3schools.com/angular/tryit.asp?filename=try_ng_ref_number / decimal Currency: http://www.w3schools.com/angular/filters_currency / currency Filter: http://www.w3schools.com/angular/filters_filter / filter object / strict comparison LimitTo: http://www.w3schools.com/angular/tryit.asp?filename=try_ng_ref_limitto / end / begin / string / number Filter on User Input: http://www.w3schools.com/angular/filters_input Filter Sort: http://www.w3schools.com/angular/orderby_click Custom Filter: http://www.w3schools.com/angular/filters_custom Button Filter: ng-click=”order = ‘x’”

Posted in AngularJS | Tagged , , , , , , , ,

CSS Class

Add / Change Class: http://www.w3schools.com/angular/tryit.asp?filename=try_ng_ng-class CSS Styling: http://www.w3schools.com/angular/validate_classes CSS Style in Controller: ng-style Form Input Class: ng-init=”property=value” / ng-model / ng-invalid Animation:  http://www.w3schools.com/angular/animation http://www.w3schools.com/angular/animation_css2 http://www.w3schools.com/angular/tryit.asp?filename=try_ng_animation_css http://www.w3schools.com/angular/tryit.asp?filename=try_ng_animation2 Affix Nav: example

Posted in AngularJS | Tagged

Module & Controller

Module & Controller: $scope.key OR myApp.js & myCtrl.js Dependencies: 

Posted in AngularJS | Tagged , ,

Arrays

Find Element in Array: {{ array[2] }} OR ng-bind=”array[2]” List Array Elements: ng-repeat=”x in array” / example2 List an Array of Objects:  ng-repeat=”x in array {{ x.key1 + ‘, ‘ + x.key2 }}  ng-repeat=”x in array” {{x}} ng-repeat=”x in array” ng-repeat=”(x, y) in myObj” https://jsfiddle.net/aicccia/smez33q6/ List an … Continue reading

Posted in AngularJS | Tagged , , , , , , , , , , , , , , , ,

Object

Display Object: {{ object.key }} OR ng-bind=”object.key” Display Multiple Keys: https://jsfiddle.net/aicccia/a433oore/ Display Multiple Objects: https://jsfiddle.net/aicccia/0ytp0kvy/ Show/Hide Objects: https://jsfiddle.net/aicccia/a0ajfx9j/ Show Content of Active Menu: https://jsfiddle.net/aicccia/d28vhmkr/ Display Image on Object: https://jsfiddle.net/aicccia/bchbeodn/ Display All Images on Object: https://jsfiddle.net/aicccia/ttn70mug/ Display Non-empty  Image on Object: https://jsfiddle.net/aicccia/wvrhtdto/ Add New Object: ng-submit Show Object Image: ng-src Get $scope objects: console.log(angular.toJson($scope.objectName)); … Continue reading

Posted in AngularJS | Tagged , , , , , , , , , , , , ,

Content

Numbers: {{ 5 + 5 }} {{quantity * cost }} OR ng-bind=”quantity * cost “ Change Content: ng-click=”changeName()” / {{firstname}} / ng-click=”count += 1″ / ng-change Href Link: ng-href Show in Lowercase: angular.lowercase() Show in Uppercase: angular.uppercase() Show Content: ng-show Hide Content: ng-hide Toggle Content: ng-if Disable Content: ng-disabled ng-Pattern:  CSS Style: ng-class Remove … Continue reading

Posted in AngularJS | Tagged , , , , , , , , , ,