Analyse de la portée AngularJS et utilisation d'un exemple de code

Scope joue sa VueConnexionContrôleur Le Le rôle est un objet JavaScript spécial qui contient les données modèle dans l'accès aux objets du contrôleur. >

<script>
   var mainApp = angular.module("mainApp", []);

   mainApp.controller("shapeController", function($scope) {
     $scope.message = "In shape controller";
     $scope.type = "Shape";
   });
</script>

$scope est déterminé comme premier paramètre dans son constructeur

. $scope.message et $scope.type sont les modèles qu'ils sont utilisés dans les pages HTML

Les valeurs des modèles que nous avons définis refléteront le contrôleur du module d'application
<🎜. > Nous pouvons définir la fonction
dans $scope
. La portée est spécifique au contrôleur. Si nous définissons des contrôleurs imbriqués, alors l'enfant du contrôleur héritera de la portée de son contrôle parent. . Problèmes importants à considérer.
Nous définissons la valeur du modèle dans shapeController
Lorsque le module du contrôleur circleController remplace le "message". Exemple
L'exemple suivant affichera toutes les directives ci-dessus >
Résultat

<script>
   var mainApp = angular.module("mainApp", []);

   mainApp.controller("shapeController", function($scope) {
     $scope.message = "In shape controller";
     $scope.type = "Shape";
   });
	 
   mainApp.controller("circleController", function($scope) {
     $scope.message = "In circle controller";  
   });
</script>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!