5 为什么我写的控制器不起作用?

控制器

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Simple app</title>
    <script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script>

</head>
<body>
    <div ng-controller="FirstController">
        <h4>The simplest adding machine ever</h4>
        <button ng-click="add(1)" class="button">Add</button>
        <a ng-click="subtract(1)" class="button alert">Subtract</a>
        <h4>Current count: {{ counter }} </h4>
    </div>
    <script type="text/javascript">
        var app = angular.module('app', []);
        app.controller('FirstController', function ($scope) {
            $scope.counter = 0;
            $scope.add = function (amount) { $scope.counter += amount; };
            $scope.subtract = function (amount) { $scope.counter -= amount; };
        });
    </script>
</body>
</html>

 2.

<!DOCTYPE html>
<html ng-app xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Simple app</title>
    <script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script>

</head>
<body>
    <div ng-app="myApp">
        <div ng-controller="MyController">
            <h1>{{ person }}</h1>
            and their name:
       <h2>{{ person.name }}</h2>
        </div>
    </div>
    <script type="text/javascript">
        var myApp = angular.module('myApp', []);
        myApp.controller('MyController', function ($scope) {
            $scope.person = {
                name: 'Ari Lerner'
            };
        });
    </script>
</body>
</html>

 

posted @ 2015-09-05 19:45  Byron12345  阅读(185)  评论(0编辑  收藏  举报