Geeks With Blogs
Zakaria's Blog June 2014 Entries
Angular js Basics-Expressions
Angular ExpressionsAngular expressions are JavaScript-like code snippets that are usually placed in bindings such as {{ expression }}.For example, these are valid expressions in Angular:1+2a+buser.nameitem... Expressions vs. JavaScript ExpressionsAngular expressions are like JavaScript expressions with the following differences:Context: JavaScript expressions are evaluated against the global window. In Angular, expressions are evaluated against a scope object.Forgiving: In JavaScript, ......

Posted On Wednesday, June 4, 2014 9:33 PM

Angular js Basics-Bootstrap
BootstrapThis page explains the Angular initialization process and how you can manually initialize Angular if necessary.Angular <script> TagThis example shows the recommended path for integrating Angular with what we call automatic initialization. <!doctype html> <html xmlns:ng="http://angularjs.... ng-app> <body> ... <script src="angular.js"> </body> </html> Place the script tag at the bottom of the page. Placing script tags at the end of the page improves ......

Posted On Wednesday, June 4, 2014 9:15 PM

Angular js Basics-The Dot & Defining a Method on the Scope
The Dot :index.html <div ng-app=""> <input type="text" ng-model="data.message"> <h1>{{ data.message }}</h1> <div ng-controller="FirstCtrl"> <input type="text" ng-model="data.message"> <h1>{{ data.message }}</h1> </div> <div ng-controller="SecondCtrl"> <input type="text" ng-model="data.message"> <h1>{{ data.message }}</h1> </div> </div> main.js function FirstCtrl($scope) { } function SecondCtrl($scope) { } In ......

Posted On Wednesday, June 4, 2014 9:11 PM

Angular js Basics-Controllers
Understanding ControllersIn Angular, a Controller is a JavaScript constructor function that is used to augment the Angular Scope.When a Controller is attached to the DOM via the ng-controller directive, Angular will instantiate a new Controller object, using the specified Controller's constructor function. A new child scope will be available as an injectable parameter to the Controller's constructor function as $scope.Use controllers to:Set up the initial state of the $scope object.Add behavior to ......

Posted On Wednesday, June 4, 2014 8:47 PM

Angular js Basics-Data Binding
Data BindingData-binding in Angular apps is the automatic synchronization of data between the model and view components. The way that Angular implements data-binding lets you treat the model as the single-source-of-truth in your application. The view is a projection of the model at all times. When the model changes, the view reflects the change, and vice versa.Data Binding in Classical Template SystemsMost templating systems bind data in only one direction: they merge template and model components ......

Posted On Wednesday, June 4, 2014 7:33 PM

Angular js Basics-Conceptual Overview
Conceptual OverviewThis section briefly touches on all of the important parts of AngularJS using a simple example.ConceptDescriptionT... with additional markupDirectivesextend HTML with custom attributes and elementsModelthe data shown to the user in the view and with which the user interactsScopecontext where the model is stored so that controllers, directives and expressions can access itExpressionsaccess variables and functions from the scopeCompilerparses the template and instantiates ......

Posted On Wednesday, June 4, 2014 5:16 PM

Angular js Basics-What Is Angular?
What Is Angular?AngularJS is an open-source web application framework,that assists with creating single-page applications, one-page web applications that only require HTML, CSS, and JavaScript on the client side. Its goal is to augment web applications with model–view–controller (MVC) capability, in an effort to make both development and testing easier.AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express ......

Posted On Wednesday, June 4, 2014 4:10 PM

Copyright © A.K.M. Zakaria | Powered by: