Scope joue un objet JavaScript spécial comme contrôleur de connexion de vue. La portée contient des données de modèle. Dans le contrôleur, les données du modèle sont accessibles via l'objet $ SCOPE.
<script> var mainApp = angular.module ("mainApp", []); mainApp.Controller ("ShapEController", fonction ($ scope) {$ scope.message = "In Shape Controller"; $ scope.type = "forme";}); </ script>Les éléments suivants sont des questions importantes à considérer dans l'exemple ci-dessus.
$ Scope est utilisé comme premier paramètre pour déterminer la métrique au contrôleur de son constructeur.
$ scope.sessage et $ scope.type sont les modèles qu'ils utilisent dans les pages HTML.
Nous avons défini la valeur du modèle pour refléter le contrôleur du module d'application dans la forme de forme.
Nous pouvons définir les fonctions de fonction dans $ Scope.
Portée de l'héritage
La plage est un contrôleur spécifique. Si nous définissons un contrôleur imbriqué, alors l'enfant du contrôleur héritera de la portée de son contrôle parent.
<script> var mainApp = angular.module ("mainApp", []); mainApp.Controller ("ShapEController", fonction ($ scope) {$ scope.message = "dans le contrôleur de forme"; $ scope.type = "forme";}); mainApp.Controller ("CircleController", fonction ($ scope) {$ scope.message = "dans Circle Controller";}); </cript>Les éléments suivants sont des questions importantes à considérer dans l'exemple ci-dessus.
Nous définissons la valeur du modèle dans la forme de forme.
Nous remplacons le message CircleController du sous-contrôleur. Lorsque le module du contrôleur CircleController à l'intérieur du "message" est utilisé, le message sera utilisé pour réécriture.
exemple
Les exemples suivants montreront toutes les instructions ci-dessus.
testangularjs.html
<html> <éad- head> <ititle> Formulaires JS angulaires </title> </ head> <body> <h2> AngularJS Exemple d'application </h2> <div ng-app = "MainApp" ng-controller = "ShapEController"> <p> {{Message}} <br/> {{type}} </p> <p> <div. Ng-Controller = "CircleController"> <p> {{message}} <br/> {{type}} </p> </ div> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </angularjs/1. angular.module ("mainApp", []); mainApp.Controller ("ShapEController", fonction ($ scope) {$ scope.message = "dans le contrôleur de forme"; $ scope.type = "forme";}); mainApp.Controller ("CircleController", fonction ($ scope) {$ scope.message = "dans Circle Controller";}); mainApp.Controller ("SquareController", fonction ($ scope) {$ scope.message = "dans le contrôleur carré"; $ scope.type = "carré";}); </cript> </ body> </html>résultat
Ouvrez Textangularjs.html dans un navigateur Web. Les résultats sont les suivants.
Ce qui précède est une compilation des informations de portée AngularJS. Nous continuerons d'ajouter des informations pertinentes à l'avenir. Merci pour votre soutien pour ce site Web!