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>

Les points suivants sont importants à prendre en compte dans l'exemple ci-dessus

$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

Ouvrez textAngularJS.html dans le navigateur Web et voyez. le résultat suivant 🎜>

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