angular.js - 很简单的一个angularjs入门级demo,但是报错了。
PHP中文网
PHP中文网 2017-05-15 16:56:52
0
2
488

本人初学angularjs,在看一本书的《angularjs 权威教程》,第二章有个demo,如下。

这里使用angular版本1.2.29,如果换成1.3.1 会报错。

请问,这是如何造成的呢?应该怎么样调试这个错误呢?

<!doctype html> 
<html ng-app> 
<head> 
    <meta charset="utf-8"> 
    <title>Simple App</title> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.29/angular.min.js"></script>
</head>
<body>
    <p ng-controller="MyController">
        <h1>Hello {{clock}}</h1>
    </p>
    
    <script type="text/javascript">
        function MyController($scope, $timeout) {
            $scope.clock = new Date();
            var updateClock = function() {
              $scope.clock = new Date();
            };
            setInterval(function() {
              $scope.$apply(updateClock);
            }, 1000);
            updateClock();
      };
    </script>
</body>
</html>
PHP中文网
PHP中文网

认证0级讲师

全員に返信(2)
迷茫

バージョン 1.3 以降、コントローラーはウィンドウ オブジェクトで見つかりません $controller will no longer look for controllers on window.

https://github.com/angular/angular.js/blob/master/CHANGELOG.md#breaking-changes-31

リーリー

JS Bin
http://jsbin.com/vekixa/edit?html,console,output

壁を回避できない場合は、壁内のCDNを変更してください

いいねを押す +0
曾经蜡笔没有小新

投稿者はバージョン 1.4 までフォローアップすることをお勧めします (バージョンは非常に重要です)

リーリー

このように。 。もちろん、書くこともできます

リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート