Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<html>   
   <head>
      <title>AngularJS Directives Example</title>
   </head>
   <script src = 
     "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">
   </script>
   <body>
      <h1>AngularJS Directives Example.</h1>
      
      <div ng-app = "" 
           ng-init = "students=[{name:'Prabhjot',country:'US'},
                                {name:'Nidhi',country:'Sweden'},
                                {name:'Kapil',country:'India'}]"
                                > 
         <p>Enter Name: <input type = "text" ng-model = "name"></p>
         <p>Hello <span ng-bind = "name"></span>!</p>
         <p>List of students with country name:</p>
      
         <ol>
           <li ng-repeat = "student in students">
            {{ 'Name: ' + student.name + ', Country: ' + student.country}}
           </li>
        </ol>
      </div>      
   </body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x