Qu'est-ce que $portée dans AngularJS?

Je suis nouveau sur AngularJS et je ne peux pas comprendre ce que $scope est en AngularJS.
Quelqu'un peut-il nous expliquer de la façon la plus simple possible, ce qui ne $scope faire dans AngularJS et que pouvons-nous l'utiliser pour. Veuillez l'expliquer comme vous ne l'expliquer à quelqu'un avec absolument aucune connaissance en programmation. Aussi quelqu'un peut m'expliquer le code ci-dessous, ligne par ligne, de la façon la plus simple possible?

function MyController($scope) {
    $scope.username = 'World';

    $scope.sayHello = function() {
        $scope.greeting = 'Hello ' + $scope.username + '!';
    };
};
  • Au-dessus de la fonctionnalité peut également être obtenu, sans aucune référence à $scope [plunker]
  • "$champ d'application est essentiellement un objet javaScript avec quelques crochets intégrés" (Lukas Ruebbelke)
InformationsquelleAutor Skywalker | 2014-06-23
  1. 55

    Chaque contrôleur est associé à un $scope objet.

    Un contrôleur (constructeur) la fonction est responsable de la définition des propriétés du modèle et des fonctions. Cela peut être fait seulement par le biais de $champ d'application. Quelle que soit la fonction ou le modèle à appliquer dans la Vue (fichier html), qui est accessible dans le contrôleur à l'aide de portée.

    Seulement des méthodes définies dans cette $objet de l'étendue sont accessibles à partir de pages HTML/vue. Exemple - ng-click, filtres, etc.

    Maintenant, Laissez-nous prendre des exemples un par un –

    1.

     function MyController($scope) {
 $scope.username = 'World';
 };

    Dans l'exemple ci-dessus la définition d'un attribut nommé nom d'utilisateur avec sa valeur en tant que “Monde”. Supposons que dans le fichier html que vous avez la ligne de code suivante – 

    <div ng-controller="MyController">
<h1>{{data.username}}</h1></div>

    Cela va automatiquement chercher la valeur de contrôleur et de l'afficher à l'écran. Il est intéressant de noter que "les données". dans le balisage est le nom du contrôleur de la page html peut se référer au controller. C'est généralement définie dans le contrôleur ou l'en-tête du fichier html.

    2.

    $scope.sayHello = function() {
$scope.greeting = 'Hello ' + $scope.username + '!';
};

    C'est une fonction que vous avez définie dans un contrôleur de laquelle vous pouvez accéder par la suite au code 

    <div ng-controller="MyController">
<h1>{{data.greeting}}</h1></div>

    Ici, les données.salut ira chercher automatiquement la valeur de la méthode sayHello fonction c'est à dire la valeur affichée sera "Hello World". "Le monde" du nom d'utilisateur concaténé avec “Bonjour” avant de.

    J'espère que cela efface le doute. 🙂

    • $champ d'application est intégrée ou définis par l'utilisateur.Peut-on changer le $portée à quelqu'un d'autre nom de la variable e.g peut-je remplacer le $scope avec le nom $any_name...?
    InformationsquelleAutor Manvi
  2. 7

    Lire Le Manuel Suivant.

    En d'autres termes, la portée est un "objet" qui "lie" à l'élément du DOM où vous appliquez contrôleur.
    Tous les éléments enfants peuvent lire et modifier la portée de données (sauf si vous modifiez les primitives dans de nouveaux domaines ou ils sont isolés).

    InformationsquelleAutor Miraage