cari

Rumah  >  Soal Jawab  >  teks badan

angular.js - Demo peringkat kemasukan yang sangat mudah bagi angularjs, tetapi ralat telah dilaporkan.

Saya baru menggunakan angularjs dan saya sedang membaca buku yang dipanggil "tutorial berwibawa angularjs". Terdapat demo dalam bab kedua, seperti berikut.

Versi sudut 1.2.29 digunakan di sini Jika ia ditukar kepada 1.3.1, ralat akan dilaporkan.

Maaf, bagaimana ini berlaku? Bagaimanakah saya harus nyahpepijat ralat ini? 

<!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中文网2814 hari yang lalu520

membalas semua(2)saya akan balas

  • 迷茫

    迷茫2017-05-15 16:58:52

    Selepas versi 1.3, pengawal tidak lagi ditemui pada objek tetingkap $controller will no longer look for controllers on window.

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

    <!DOCTYPE html>
<html ng-app="app">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
 <p ng-controller="MyController">
        <h1>Hello {{clock}}</h1>
    </p>
    
    <script type="text/javascript">
     (function(){
        angular.module("app", []).controller("MyController", MyController);
      
         
        MyController.$inject = ['$scope', '$timeout'];
       
        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>

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

    Jika anda tidak boleh memintas dinding, sila tukar CDN di dalam dinding

    balas
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-15 16:58:52

    Adalah disyorkan bahawa poster itu mengikuti versi 1.4 (versi sangat penting) 

    <!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.4.7/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() {
              updateClock();
            }, 1000);
      };
    </script>
</body>
</html>

    Sama seperti ini. . Sudah tentu anda juga boleh menulis 

    <!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.4.7/angular.min.js"></script>
</head>
<body>
    <p ng-controller="MyController">
        <h1>Hello {{updateClock()}}</h1>
    </p>
    
    <script type="text/javascript">
        function MyController($scope, $timeout) {
            $scope.updateClock = function() {
             return new Date();
            };
            setInterval(function() {
              updateClock();
            }, 1000);
      };
    </script>
</body>
</html>

    balas
    0
  • Batalbalas