Adding Item Using Add Item In AngularJS

  1. <!DOCTYPE html>  
  2. <html>  
  3. <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>  
  4. <body>  
  5. <h1>c# corner </h1>  
  6. <script>  
  7. var app = angular.module("myShoppingList", []);  
  8. app.controller("myCtrl", function($scope) {  
  9.     $scope.products = ["python", "ios", ".net"];  
  10.     $scope.addItem = function () {  
  11.         $scope.products.push($scope.addMe);  
  12.     }  
  13. });  
  14. </script>  
  15.   
  16. <div ng-app="myShoppingList" ng-controller="myCtrl">  
  17.   <ul>  
  18.     <li ng-repeat="x in products">{{x}}</li>  
  19.   </ul>  
  20.   <input ng-model="addMe">  
  21.   <button ng-click="addItem()">Add technology</button>  
  22. </div>  
  23.   
  24. <p>write technology to add in list.</p>  
  25.   
  26. </body>  
  27. </html>