|ng-app||Defines the root element of an application.|
|ng-bind||Binds the innerHTML of HTML elements to application data.It is the automatic synchronization of data between model and view components|
|ng-click||Defines the behavior when an element is clicked.|
|ng-controller||Defines the controller object for an application.|
|ng-disabled||Binds application data to the HTML disabled attribute.|
|ng-hide||Hides or shows HTML elements.|
|ng-include||Includes HTML in an application.|
|ng-init||Defines initial values for an application.|
|ng-model||Binds the value of HTML controls to application data.|
|ng-repeat||Defines a template for each data in a collection.|
|ng-show||Shows or hides HTML elements.|
<title>hello world application</title>
<h1>Hello World Program</h1>
<span>Write here something: <input type=”text” ng-model=”name”></span>
<p>Hello <span ng-bind=”name”></span></p>
If you haven’t tried AngularJS yet, you’re missing out. The framework consists of a tightly integrated toolset that will help you build well structured, rich client-side applications in a modular fashion—with less code and more flexibility.
AngularJS extends HTML by providing directives that add functionality to your markup and allow you to create powerful dynamic templates. You can also create your own directives, crafting reusable components that fill your needs and abstracting away all the DOM manipulation logic.
Angular provides services on top of XHR that dramatically simplify your code and allow you to abstract API calls into reusable services. With that, you can move your model and business logic to the front-end and build back-end agnostic web apps.