Friday, January 8, 2016

AngularJS Helloworld

As a Developer, we know that Web browser understands HTML. Most of the client side frameworks works on HTML to improve the performance of user experience. Similar way AngularJS also works on HTML tags and its customized directives (ng-app, ng-controller) to render page.

How it works ?


Scope is glue between view and model. Whatever entered information will be updated in syc with Model.
View template:
<!DOCTYPE html>
<html ng-app="helloApp">                       
<head>
    <title>AngularJS - Hello World</title>
<script src="angular.js"></script>
<script src="helloController.js"></script>
</head> <body ng-controller="HelloController">                   
<input type="text" ng-model="name"> <br />  
Hello <strong> {{name}} </strong>
</body> </html>
Controller:
var helloApp = angular.module('helloApp', []);

helloApp.controller('HelloController', function($scope) {
   $scope.name = 'world';
});
Output


download

9 comments:

  1. Hi I want to talk about one site fantastic best gambling sites there I spend all my free time there I spend all my free time and get a small income

    ReplyDelete
    Replies
    1. Big data is a term that describes the large volume of data – both structured and unstructured – that inundates a business on a day-to-day basis. big data projects for students But it’s not the amount of data that’s important.Project Center in Chennai

      Spring Framework has already made serious inroads as an integrated technology stack for building user-facing applications. Corporate TRaining Spring Framework the authors explore the idea of using Java in Big Data platforms.

      Spring Training in Chennai

      The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training

      Delete
  2. I wondered upon your blog and wanted to say that I have really enjoyed reading your blog posts. Any way I’ll be subscribing to your feed and I hope you post again soon.
    PHP Training in Chennai
    PHP Course in Chennai
    Web Designing Course in chennai
    Hadoop Training in Chennai
    German Language Classes in Chennai
    PHP Training in Porur
    PHP Training in Adyar

    ReplyDelete
  3. Nice! you are sharing such helpful and easy to understandable blog. i have no words for say i just say thanks because it is helpful for me



    Dot Net Training in Chennai | Dot Net Training in anna nagar | Dot Net Training in omr | Dot Net Training in porur | Dot Net Training in tambaram | Dot Net Training in velachery






    ReplyDelete
  4. Grass Valley Edius Pro 10 Crack Full Version is available here to download for your projects. EDIUS 10 is the Latest software Version of Grass Valley. Edius pro 9 crack

    ReplyDelete