AllInWorld99 provides a reference manual covering many aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL,FLASH, jQuery, java, for loop, switch case, if, if else, for...of, for...in, for...each,while loop, blogger tips, blogger meta tag generator, blogger tricks, blogger pagination, client side script, html code editor, javascript editor with instant output, css editor, online html editor, materialize css tutorial, materialize css dropdown list,break, continue statement, label,array, json, get day and month dropdown list using c# code, CSS button,protect cd or pendrive from virus, cordova, android example, html and css to make android app, html code play,telerik show hide column, Transparent image convertor, copy to clipboard using javascript without using any swf file, simple animation using css, SQL etc. AllInWorld99 presents thousands of code examples (accompanied with source code) which can be copied/downloaded independantly. By using the online editor provided,readers can edit the examples and execute the code experimentally.


      AngularJS is the JavaScript Framework, This framework library is written in javascript. This framework is include using the <script> tag.

   AngularJS includes ng-directives along with HTML

ng-app:
 This directive is define as AngularJS application

ng-model:
 This directive is used to bind the value of the HTML controls to application data such as input,select,textarea

ng-bind:
 This directive is used to bind the application data to HTML view.

  If you write the code without using "ng-app" that will execute as normal HTML Language.AngularJS need to import a external js file. The online url link is

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

Example Program:- (Editor)



Output:-


Explanation of the program:-

<div ng-app=""> =>  It is indicate the AngularJS application is start
<input type="text" ng-model="name"> => ng-model="name" define the textbox value is assigned to the name model name.
<span ng-bind="name"></span> => "ng-bind" is used to bind the value of the "ng-model" name


Advertisement


0 comments:

Post a Comment

Total Pageviews