Angular First Program

Angular JS

Hello World Program in Angular JS:

<html ng-app>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js"></script>
    <body>
        <label class="lblcolor">Your name: </label>
        <input type="text" ng-model="name" placeholder="What's your name?"/>
        <h2 class="hcolor">Hello Your Name {{name}}.</h2>
    </body>
</html>

css file:

 .lblcolor{
  color:red;
  font-size:200%;
}
.hcolor{
  color:lightblue;
}

See This on Codepen link: http://codepen.io/kathiravankathir/pen/oLAjrg

Comments

Post a Comment

Popular posts from this blog

Angular UI Grid To Bind JSON Data

Image
1.Index.html <!doctype html> <html ng-app="app">   <head>     <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>     <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-touch.js"></script>     <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-animate.js"></script>     <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-resource.js"></script>     <script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script>     <script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script>     <script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"></script>     <script src="http://ui-grid.info/release/ui-grid-unstable.js"></script>     <link rel=...
Read more

String split equal parts and reverse the string in c#

          C# Console Application:             string name;             name = Console.ReadLine();//string             int mid = name.Length / 2; //get the middle of the String             String[] parts = { name.Substring(0, mid), name.Substring(mid) };             string reverse = new string(parts[0].Reverse().ToArray());             string reverse2 = new string(parts[1].Reverse().ToArray());             Console.WriteLine(parts[0]); //first string             Console.WriteLine(parts[1]); //second string             Console.WriteLine(reverse);//frist reverse string             Console.WriteLine(reverse2);//second reverse string        ...
Read more

Web api to jquery call

function GetAllContacts() {             $.ajax({                 url: 'api/ContactsAPI',                 type: 'GET',                 dataType: 'json',                 success: function (data) {                     BindContacts(data);                 },                 error: function (error) {                     debugger;                     alert('Error Loading Contacts');                 }             });         }         function GetContactForEd...
Read more