Sunday, 23 April 2017

AngularJS-1 : Binding Expression {{ ....}}

AngularJS-1 : Binding Expression {{ ....}}

###############################################################################
<html ng-app>
    <head>
        <script type="text/javascript" src="angular.min.js"></script>
    </head>
    <body >
   
    <div>
       {name: 'pavan', age:'31'}.name ----> {{ {name: 'pavan', age:'31'}.name }}
    </div>
    <div>
        40 + 50 --> {{ 40 + 50 }}
    </div>
    <div>
       10 == 20  -->{{ 10 == 20 }}
    </div>
    <div>
       [10,20,30][1]  -->   {{ [10,20,30][1] }}
    </div>
    <div>
       ['pav','ram','sham'][2]  -->   {{ ['pav','ram','sham'][2] }}
    </div>
   
    </body>
</html>

###############################################################################

Step1 : src="angular.min.js" -> Download from   https://angularjs.org/
Step2 : Mention -> ng-app (Which angular js understands and execute the binding expression.

refer : https://www.youtube.com/watch?v=zKkUN-mJtPQ&list=PL6n9fhu94yhWKHkcL7RJmmXyxkuFB3KSl&index=1
 

No comments:

Post a Comment

AngularJS-24 : Router

AngularJS-24 : Router https://www.youtube.com/watch?v=hThmoKA9aeU#t=427.383649 Download "angular-route.min.js"and add to p...