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.
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> Pain in muscles and joints can be a problem in everyday life, whether it involves…
Most modern businesses spend a lot of time thinking about digital touchpoints. Websites, email campaigns,…
While TikTok and Instagram battle for users’ attention with short vertical videos, Elon Musk’s social…
When you are looking to apply for a mortgage the one thing that most people…
Once you've memorized basic blackjack strategy, it's time to delve deeper into the game. Advanced…
Yoga is no longer just a physical practice. Yoga is popular as a lifestyle practice.…