This is Our Blog

Working with AngularJS

What is AngularJS
AngularJS is a MVC framework that defines various concepts to properly organize your web application. Your application is defined with modules that can depend from one to the others. It enhances HTML by attaching directives to your pages with new attributes or tags and expressions in order to define very powerful templates directly in your HTML. It also encapsulates the behavior of your application in controllers which are instantiated thanks to dependency injection. Thanks to the use of dependency injection, AngularJS helps you structure and test your JavaScript code very easily.


<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>

<div ng-app="">
  <p>Name : <input type="text" ng-model="name"></p>
  <h1>Hello {{name}}</h1>
</div>

</body>
</html>

In the above code the ng-app is the most important directive used here in this web page. Ng-app directive is used to specify that at which level the angularJS functionality is available.

In angular whenever we write some expression that should always be enclosed in {{}} for instance in the above given markup you can see there is name used inside {{}} and you could have written any expression like to evaluate some numeric value {{6534/3}} which will give to the division result.



0 Comments


Would you like to share your thoughts?

Would you like to share your thoughts?

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.