angulaire.js - Problème de liaison de données, comment atteindre l'objectif de mise à jour des données clock.now chaque seconde, l'affichage est toujours clock.now. C'est le code du livre. Quel est le problème ?
漂亮男人
漂亮男人 2017-05-15 17:03:37
0
2
572
<!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>
漂亮男人
漂亮男人

répondre à tous(2)
曾经蜡笔没有小新

L'API a changé vers la version 1.3 ou supérieure et n'autorise pas les contrôleurs globaux (je suppose que votre livre est plus ancien)

Vous pouvez directement réduire la version de cette manière simple et grossière

<!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>

Ou remplacez-le par la méthode d'écriture recommandée après la mise à niveau

<!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>
过去多啦不再A梦

Votre code ne sera exécuté qu'une seule fois. Il devrait automatiquement réserver la prochaine mise à jour à chaque fois que la mise à jour est exécutée pour atteindre l'objectif de modifications par seconde.
Je n’ai pas lu ce livre, mais je suppose que votre appareil dentaire est dans la mauvaise position.
Voudriez-vous essayer ceci ?

<!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>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal