【www.bbyears.com--js教程】

最近在读一本书《精通AngularJS》，觉得不错，于是做一下笔记，方便记忆。

一个简单的angular代码：

    <script src="//cdn.bootcss.com/angular.js/1.2.28/angular.js"></script>
    <script type="text/javascript">
        var HelloCtrl = function ($scope) {
            $scope.name = 'World';
            $scope.getName = function() {
                return $scope.name;
            };
        }
    </script>



    Say hello to: 

    
Hello, {{name}}!
    
{{getName()}}

运行的效果图如下：

在body上绑定ng-app代表当前页面body元素收到angular控制，ng-controller绑定的元素受到angular的控制器HelloCtrl控制，$scope是一个全局对象，可以再页面上直接访问$scope的属性和方法。

注意：上面这种写法只适用于angular版本低于1.3的时候，高于1.3的话，需要写成下面这样：

    <script src="//cdn.bootcss.com/angular.js/1.3.17/angular.js"></script>

    <script type="text/javascript">

    angular.module('app',[]).controller('HelloCtrl',function ($scope) {

            $scope.name = 'World';

            $scope.getName = function() {

                return $scope.name;

            };

        })

    </script>







    Say hello to: 


    
Hello, {{name}}!

    
{{getName()}}

效果是等同的，只是多定义了一个模块app，更符合MVC的思想，建议采用下面这种方式。

本文来源：http://www.bbyears.com/wangyezhizuo/84575.html