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 ?
<!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>
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
Ou remplacez-le par la méthode d'écriture recommandée après la mise à niveau
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 ?