首页 > Web开发 > 详细

AngularJS-Controller的使用-读书笔记

时间:2015-10-18 18:09:37      阅读:286      评论:0      收藏:0      [点我收藏+]

最近在读《Angular JS权威教程》读到第9页,按着示例做,居然报错,说MyController undefined,初学者不懂啊,找了个官方的文档,按着改了一下,貌似成功了,有需要的朋友参考一下,并且帮忙解释一下为啥书上的示例undefined了?

原著:

技术分享

修改后:

<!doctype html>
<html ng-app="MyApp">
    <head>
        <title>Hello World</title>
        <script type="text/javascript" src="/Users/gongcen/MyPrograms/AngularJS/angular.js"></script>
    </head>
    <body>
        <script type="text/javascript" src="app.js"></script>
        <div ng-controller="MyController">
            <h1>Hello {{ clock.now }}</h1>
        </div>
    </body>
</html>

app.js

var MyApp = angular.module(‘MyApp‘, []);
MyApp.controller("MyController", function ($scope) {
    var updateClock;
    if($scope) {
        $scope.clock = {
            now : new Date()
        }
        updateClock = function(){
            $scope.clock.now = new Date();
        };
        setInterval(function(){
            $scope.$apply(updateClock);
        }, 1000);
        updateClock();
    }
});

结果:

技术分享

AngularJS-Controller的使用-读书笔记

原文:http://www.cnblogs.com/volnet/p/angularjs-book-page9.html

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