cari

Rumah  >  Soal Jawab  >  teks badan

angular.js - Masalah pengikatan data, bagaimana untuk mencapai tujuan mengemas kini data clock.now setiap saat, paparan sentiasa clock.now. Ini kod dari buku Apa masalahnya?

<!doctype html>
<html ng-app>
    <head>
        <script type="text/javascript" src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js">
        </script>
    </head>
<body>
    <p ng-controller = "MyController">
        <h1>hello {{ clock.now }}!</h1>
    </p>
    <script>
        function MyController($scope) {
            $scope.clock = {
                now: new Date()
            };
            var updateClock = function() {
                $scope.clock.now = new Date();
            };
            setInterval(function() {
                $scope.$apply(updateClock);
            }, 1000);
            updateClock();
        };
    </script>
</body>
</html>
漂亮男人漂亮男人2849 hari yang lalu580

membalas semua(2)saya akan balas

  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-15 17:05:37

    API telah bertukar kepada versi 1.3 ke atas dan tidak membenarkan pengawal global (saya rasa buku anda lebih lama)

    Anda boleh terus mengurangkan versi dengan cara yang mudah dan kasar ini

    <!doctype html>
<html ng-app>
<head>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/angular.js/1.2.6/angular.js">
    </script>
</head>
<body>
<p ng-controller="MyController">
    <h1>hello {{ clock.now }}!</h1>
</p>
<script>
    function MyController($scope) {
        $scope.clock = {
            now: new Date()
        };
        var updateClock = function () {
            $scope.clock.now = new Date();
        };
        setInterval(function () {
            $scope.$apply(updateClock);
        }, 1000);
        updateClock();
    }
</script>
</body>
</html>

    Atau tukar ini kepada kaedah penulisan yang disyorkan selepas naik taraf

    <!doctype html>
<html ng-app="app">
<head>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.js">
    </script>
</head>
<body>
<p ng-controller="MyController">
    <h1>hello {{ clock.now }}!</h1>
</p>
<script>
    angular.module('app', [])
            .controller('MyController', ['$scope', function MyController($scope) {
                $scope.clock = {
                    now: new Date()
                };
                var updateClock = function () {
                    $scope.clock.now = new Date();
                };
                setInterval(function () {
                    $scope.$apply(updateClock);
                }, 1000);
                updateClock();

            }]);

</script>
</body>
</html>

    balas
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-15 17:05:37

    Kod anda hanya akan dilaksanakan sekali Ia akan menempah kemas kini seterusnya secara automatik setiap kali kemas kini dilaksanakan untuk mencapai matlamat perubahan sesaat.
    Saya belum membaca buku ini, tetapi saya rasa pendakap anda berada dalam kedudukan yang salah.
    Adakah anda akan mencuba ini? 

    <!doctype html>
<html ng-app>
    <head>
        <script type="text/javascript" src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js">
        </script>
    </head>
<body>
    <p ng-controller = "MyController">
        <h1>hello {{ clock.now }}!</h1>
    </p>
    <script>
        function MyController($scope) {
            $scope.clock = {
                now: new Date()
            };
            var updateClock = function() {
                $scope.clock.now = new Date();
                setInterval(function() {
                    $scope.$apply(updateClock);
                }, 1000);
            };
            updateClock();
        };
    </script>
</body>
</html>

    balas
    0
  • Batalbalas