Question

我是角度JS的新手，并且经历了ng-book的教程。我正在尝试在页面上添加时钟，但页面显示Hello {{clock}}而不是实际时钟。我使用 Angular 1.4.8 。

这是我的代码。

clock.html

 <!doctype html>
<html ng-app>
    <head>
        <title>Angular clock demo</title>
        <script src="js/angular.min.js"></script>
        <script type="text/javascript" src="js/app.js"  ></script>
    </head>
    <body>
        <div ng-controller="MyController">
            <h1>Hello {{ clock }}</h1>
        </div>

    </body>
</html>

js / app.js的代码

function MyController($scope) {
    $scope.clock = new Date();

    var updateClock = function(){
        $scope.clock = new Date();
    };

    setInterval(function(){
        $scope.$apply(updateClock);
    },1000);

    updateClock();
};

Answer 1

默认情况下，不允许从角度1.3.x全局控制器。

使用模块

绑定控制器

喜欢这个

var app=angular.module("app",[]);
app.controller("MyController",MyController);

HTML

ng-app="app"

的 DEMO

Angular JS没有显示时钟

1 个答案: