Thought of doing basics of AngularJS again and ended up following W3School tutorials which are pretty good. So here is what I learned.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Back to Basics</title> <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"> <link rel="stylesheet" href="css/app.css"> <script src="bower_components/angular/angular.js"></script> </head> <body > <!--ng-app is given in div tag and where the application begins--> <!--ng-init initialize the application variables--> <!-- 3rd line ng-init creating the object vehicle--> <!-- final line is defining an array--> <div ng-app ng-init="Numone = 3 ; NumTwo = 5 ; Fname = 'KMAN' ; Lname = 'PMAN' ; vehicle = {color : 'red' , wheels : '4'}; Lottery = [3,4,34,67,8,3]"> <p>Adding the two numbers {{Numone + NumTwo}}</p> <!--Adding numbers--> <p>The names together {{Fname+" "+Lname}}</p> <!--Binding Strings--> <p>The names binding different way <span ng-bind="Fname+' '+ Lname"></span> </p> <!--Binding Strings using ng-bing--> <p>My New vehicle color : <strong> {{vehicle.color}} </strong> and it has <,strong>{{vehicle.wheels}}<,/strong> no of wheels</p> <!--calling the object vehicle--> <p>Tonight's lottery numbers are</p> <p>{{Lottery[0]+" "+Lottery[3]+" "+Lottery[5]+" "+Lottery[2]}}</p><!--Just some random pick ups from the array--> </div> </body> </html> |
So day two done with basics again. Nothing is wasted. Ah by the way the results for above code is :