Topics Search

AngularJS Tutorial: Introduction to AngularJS Scopes

AngularJS Tutorial: Introduction to AngularJS Scopes
Views: 4
By adding the ng-app directive to some HTML tag we specify that an AngularJS will be created and in the process of application creation Angular creates the so-called root scope. Some other directives such as ng-controller create a child scope. To visualize scopes one can use a Google Chrome extension called Batarang. The picture below shows the root scope for the AngularJS application and the child scope created by HelloController, which contains a single variable myModel.
Sponsored Links:

Similar posts...


Getting Started with AngularJS - Part I

Getting Started with AngularJS - Part I Icon
In this article, we will see how to use AngularJS for building websites. It scopes for beginners who want to start with AngularJS and explains some basic features of AngularJS framework. I consider a simple CRUD example for products. I explained all the code segments used in this demonstration, then you can download the source code to get angularjs in action yourself.

AngularJS Controller As Syntax

AngularJS Controller As Syntax Icon
In the previous installment of this series we discussed scopes and what problems nested scopes can cause. There are a couple of solutions to this problem: the so-called Controller As syntax introduced by AngularJS 1.2 and .component() method introduced by AngularJS 1.5. The latter option is a recommended way to go if you are thinking about upgrading your application to newer Angular versions. In this post we’ll talk about AngularJS Controller As syntax.

Custom Directive In AngularJS

Custom Directive In AngularJS Icon
In this article we will learn how to create custom directives in AngularJS. AngularJS is bundled with powerful directives out of the box. This tutorial is about creating Custom Directives in AngularJS. I feel it would be a good brain teaser if I come with some real time examples. Generally, we use directives in AngularJS and this is how Directives make AngularJS so powerful. Directives are the key part of AngularJS and I believe every person working on angular should know its benefits.

AngularJS’ Internals In Depth

AngularJS’ Internals In Depth Icon
AngularJS presents a remarkable number of interesting design choices in its code base. Two particularly interesting cases are the way in which scopes work and how directives behave.

Create a Simple Shopping Cart Using AngularJS

Create a Simple Shopping Cart Using AngularJS Icon
In this tutorial series, we'll see how to go about creating a simple shopping cart using AngularJS. This tutorial series will focus on the use of AngularJS directives. AngularJS directives are the core part of AngularJS and they impart special behavior to the HTML.

More AngularJS Magic to Supercharge your Webapp

More AngularJS Magic to Supercharge your Webapp Icon
Due to the popularity of the previous article, Use AngularJS to power your web application, I've decided to cover more of AngularJS to make it fun and easy for all developers to play around with it. AngularJS is an incredible tool, but a lot of the more advanced features are hidden in deep within the documentation and others are too tricky to learn direclty. AngularJS is also a fairly new product and as a result there are many features that are yet to be discovered and blogged about.

Introduction to angularjs

Introduction to angularjs Icon
AngularJS is a powerful javascript library. It extends HTML DOM with additional attributes and makes it more responsive to user actions. AngularJS open-source front-end web application framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications

Private messaging with and angularjs

Private messaging with and angularjs Icon
Private messaging is a familiar concept that everybody has knowledge of but most of the novice developers are lost while developing one. In this tutorial I have chosen and angularjs. helps in transmitting data realtime while angularjs (MVC framework) is tightly coupled with data-binding along with DOM manipulation which jQuery does. Believe me, its time for you to switch to angularjs. Angularjs 1.5 also supports jQLite that’s an added advantage!

Read JSON file using AngularJS

Read JSON file using AngularJS Icon
AngularJS is a Javascript library maintained by Google. It is a web application framework and a single page application. In this tutorial we are going to read data from a JSON file using AngularJS. Let us name the JSON file as file.json and read JSON file using AngularJS. We are using AngularJS directives like ng-app, ng-controller and ng-repeat.

Build an animated AngularJS website

Build an animated AngularJS website Icon
Learn how to create a simple AngularJS website and add in animations in just a few short steps using the animation API. AngularJS was born out of the need to find a better way to create enterprise web applications and, given the meteoric rise of the framework in the last year, it's safe to say that AngularJS has succeeded in grand fashion.