zoukankan      html  css  js  c++  java
  • AngularJS-Controller的使用-读书笔记

    最近在读《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();
        }
    });

    结果:

  • 相关阅读:
    初学mongodb笔记
    git学习【转载】
    json序列化与反序列化
    ES6函数比对ES5函数
    前端js脚本与防止js脚本
    js函数整合队列顺序执行插件
    padding-使用必记
    css小技巧
    三分钟教会你开密码箱
    百度地图Marker优化方案
  • 原文地址:https://www.cnblogs.com/volnet/p/angularjs-book-page9.html
Copyright © 2011-2022 走看看