首页 > Web开发 > 详细

AngularJS 入门级(一) HelloWorld

时间:2014-08-08 13:05:06      阅读:396      评论:0      收藏:0      [点我收藏+]

<html ng-app>
<head>
  <script src="lib/angular/angular.js"></script>
  <script>
    function PhoneListCtrl($scope){
      $scope.phones = [
                        {‘name‘:‘华为‘},
                        {‘name‘:‘中兴‘}
                      ]
    }
  </script>
</head>
<body ng-controller="PhoneListCtrl">
  <ul>
    <li ng-repeat="phone in phones">
      <p>{{phone.name}}</p>
    </li>
  </ul>
</body>
</html>
ng-app 指定AngularJS作用域

ng-controller 指定Controller作用域

ng-repeat 循环迭代phones数组对象,赋值给phone,作用域内使用{{ }}占位实际值用于显示

$scope 为AngularJS依赖注入的自带对象,用于与页面数据的双向绑定


AngularJS 入门级(一) HelloWorld,布布扣,bubuko.com

AngularJS 入门级(一) HelloWorld

原文:http://my.oschina.net/sourcecoding/blog/299158

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!