angularJs小Demo

前端之家收集整理的这篇文章主要介绍了angularJs小Demo前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <Meta charset="utf-8">
  5. <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
  6. </head>
  7. <body>
  8.  
  9. <div ng-app="myApp" ng-init="names=['Jani','Hege','Kai']" ng-controller="myCtrl">
  10. <p>使用 ng-repeat 来循环数组</p>
  11. <ul>
  12. <input ng-model="name" ng-init="name=111">
  13. <li ng-click="clickMe($event,x)" ng-repeat="x in names">
  14. {{ x }}
  15. </li>
  16. </ul>
  17. </div>
  18. <script>
  19. var app = angular.module("myApp",[]);
  20. app.controller('myCtrl',function($scope) {
  21. $scope.name = "songfeng";
  22. $scope.clickMe = function(obj,value){
  23. console.info(obj.target.innerHTML+","+value);
  24. }
  25. });
  26. </script>
  27. </body>
  28. </html>

猜你在找的Angularjs相关文章