AngularJS First Application

Hi all,
Here I explain simple HelloWorld application using AngularJS.
Before I start with creating actual HelloWorld application,let us see the actual parts of a AngularJS application.AngularJS application consists of three important parts they are:




ng-app : This directive defines and links an AngularJS application to HTML.

ng-model : This directive binds the values of AngularJS application data to HTML input controls.

ng-bind : This directive bidns the AngularJS Application data to HTML tags.

Steps to create AngularJS Application

Step 1: Load framework
Load the framework using tag.Like:

<acript src=”http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js”></script>





Step 2: Define AngularJS Application using ng-app directive
<div ng-app=””>

</div>
Step 3: Define a model name using ng-model directive
<p>Enter your Name: <input type=”text” ng-model=”name”></p>
<p>Hello <span ng-bind=”name”></span>!</p>

Run AngularJS Application

TTree stpes in an HTML page.


AngularJS First Application

Sample Application

Enter your Name:

Hello !

OUTPUT




firstexample

4 thoughts on “AngularJS First Application

  1. JamesNeerO

    На данном сайте можно ознакомиться с информацией о телешоу “Однажды в сказке”, развитии событий и главных персонажах. однажды в сказке смотреть онлайн бесплатно Здесь размещены интересные материалы о создании шоу, исполнителях ролей и любопытных деталях из-за кулис.

  2. Stephenrar

    На данном сайте можно найти информацией о системах видеонаблюдения, разновидностях и особенностях. Здесь представлены подробные сведения о подборе оборудования, монтаже и настройке.
    видеонаблюдение

  3. Kip

    Hi there! Do you know if they make any plugins to
    help with SEO? I’m trying to get my website to rank for some targeted keywords
    but I’m not seeing very good gains. If you know of any please share.

    Many thanks! You can read similar article here: Eco bij

Leave a Reply

Your email address will not be published.