AngularJS First Application

An AngularJS First Application consists of following three important parts:

ng-app : Directive that defines and links an AngularJS application to HTML.

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

ng-bind : Directive that binds the AngularJS Application data to HTML tags.

First Application Steps:

Add javascript framework using <Script> tag.

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

Define ng-app directive

<div ng-app="">
...
</div>

Define ng-model directive

<p>Name: <input type="text" ng-model="name"></p>

Bind the value of model using ng-bind directive.

<p>Hello <span ng-bind="name"></span>!</p>

Save the file into firstapps.html and run

<html>
<title>First Application</title>
<body>
<h1>My First Application</h1>
<div ng-app="">
<p>Name: <input type="text" ng-model="name"></p>
<p>Hello <span ng-bind="name"></span>!</p>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</body>
</html>

Namaste UI (Author)

Namaste UI collaborates closely with clients to develop tailored guest posting strategies that align with their unique goals and target audiences. Their commitment to delivering high-quality, niche-specific content ensures that each guest post not only meets but exceeds the expectations of both clients and the hosting platforms. Connect with us on social media for the latest updates on guest posting trends, outreach strategies, and digital marketing tips. For any types of guest posting services, contact us on info[at]namasteui.com.