Dot Net Stuff

Defining Controllers in Angular JS Application

Controllers are one of the most important building blocks of an AngularJS application, and they act as a channel between the model and the views. When we are developing a big Angular JS Application, we have to works with multiple controllers, each of which delivers the data and logic required for one aspect of the application. We can define a Controllers are using the Module.controller method, which takes two arguments: the name of the controller and a factory function, which is used to set up the controller and get it ready for use. Following statements that create the controller.

Continue Reading>>

Using Modules to Define AngularJS Components

It is required to define an Angular JS Module while you creating it. There is a method angular.module which is used when we want to define an Angular JS Module. The angular.module method returns a Module object that provides access to the most important features that AngularJS provides via the properties and methods. The module method supports the three arguments described below, although it is common to use only the first two.

Continue Reading>>

Working with Modules in Angular JS Application

Please don’t make any confusion in your mind. Understanding the concept of Modules is very easy in Angular JS. Modules are the top-level components for AngularJS applications. Although, we can build simple AngularJS Application without using the reference modules, but this is not recommend doing so because simple applications Become complex applications over time, and you’ll just end up having to rewrite the application when it becomes Unmanageable. Working with modules is easy, and the handful of additional JavaScript statements that you need to set up and manage modules in your Angular JS Application is very important. Angular JS Modules have three main roles in an AngularJS Application :

Continue Reading>>

Concepts while working with Angular JS Application

As we know AngularJS applications follow the MVC pattern. But while developing Angular JS Application it requires a wide range of building blocks. There are, of course, the headline building blocks—the model, the views, and the controllers—but there are lots of other moving parts in an AngularJS app as well while developing Angular JS application which includes modules, directives, filters, factories, and services. During development you use these smaller components to flesh out the bigger MVC pattern.

Continue Reading>>

Understanding AngularJS Directives with example

AngularJS lets you extend HTML with new attributes called Directives. These are special attributes starting with ng- prefix. In this article we will learn about ng-app, ng-init, ng-model and ng-repeat. Following are the brief introductions of all these directives.

Continue Reading>>

What is Angular JS Expressions? How Angular Js Expressions is different with JavaScript Expression?

If you have read Introduction of Angular JS and First Angular JS Application example. Than you should familiar with AngularJS Expressions. Angular JS expressions are very common concepts in Angular JS. Basically it is used to bind application data to html. In this article I am going to explain about Angular JS Expressions.

Continue Reading>>

AngularJS - First Application Example

If you have read How to use Angularjs to develope your first Angularjs web Application. Article. Then you can easily understand this article. It is a suggestion to go through How to use Angularjs to develope your first Angularjs web Application Article to understand the basics of AngularJS setup. Here I am assuming that you had read that suggested article. So, let’s start creating our First AngularJS Application. Before, creating our sample AngularJS application, I think you should have the following concepts.

Continue Reading>>

How to use Angularjs to develop your first Angularjs web Application

Many developer who want to learn Angularjs application development have some confusion in their mind to set up Angularjs development environment, this article contains basics of starting with Angularjs. Here are the steps for creating your first Angularjs application including setup the development environment for Angularjs.

Download Angularjs Library:

To download Angularjs library you need to go at http://angularjs.org/. When you open the link http://angularjs.org/., you will see there are two options to download AngularJS library −

  • View on GitHub − Click on this button to go to GitHub and get all of the latest scripts.
  • Download − Click on this button, a screen as below would be seen −

Continue Reading>>

Exploring AngularJS vs KnockoutJS

One of the basic question in developers mind that what is the difference between AngularJS and KnockoutJS, Which is better, and what is use. That is the subject of our article. For beginners if you are not familiar with AngularJS or KnockoutJS, I suggest you to go through Introduction of AngularJS and Introduction of KnockoutJS to get basic idea about these two frameworks. If you have confusion about KnockoutJS and jQuery read this article on KnockoutJS and Difference with jQuery. While Angular and Knockout are very different, they’re both excellent tools for building Single Page Applications, and the solutions ended up being quite similar.

Continue Reading>>

Introduction of AngularJS

As par official definition, AngularJS is a structural framework for dynamic web apps. AngularJS allow us to use HTML as your template language and lets us to extend HTML's syntax to express your application's components clearly and succinctly. Angular's data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology.

AngularJS is an open-source web application framework. It was originally developed in 2009 by Misko Hevery and Adam Abrons. It is now maintained by Google. Its latest version is 1.2.21.

Continue Reading>>