AngularJS 入门级（一） HelloWorld

浏览数：39 / 时间：2015年06月09日

<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,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

AngularJS 入门级（一） HelloWorld