Scope angulaire à l'intérieur du script

Peut-on utiliser l'angle de variables définies dans le champ d'application à l'intérieur de balise de script comme ci-dessous.

CODE HTML:

<div ng-controller="AngularCtrl">
 <script>
  alert($scope.user_name);
 </script>
</div>

CODE JS:

function AngularCtrl($scope){
 $scope.user_name = 'John';
}

Je viens d'obtenir '$champ d'application n'est pas défini". Quelqu'un peut m'aider avec ce que je fais de mal ici?

source d'informationauteur Sabarish Sankar | 2012-12-12

  1. 15

    Non vous ne pouvez pas. $scope est défini à l'intérieur de Angulaire, c'est à dire au sein de votre AngularCtrl-fonction. Il existe des moyens pour obtenir l'accès aux angulaire étendues à partir de l'extérieur, mais c'est généralement une mauvaise pratique et un signe que vous ne l'utilisez pas Angulaire correctement.

    Plus angulariffic façon de faire ce que vous voulez est de faire de l'alerte d'une partie du contrôleur logique:

    function AngularCtrl($scope) {

    $scope.user_name = 'John';

    $scope.sayHi = function(){
        alert('Hi ' + $scope.user_name);
    }
}

    Vous pouvez ensuite utiliser une variété de anguleuses techniques (Démo Ici) à l'appel que sayHi() fonction. Quelques exemples:

    En réponse à un clic

    <div ng-click="sayHi()">Demo clickable - Please click me</div>

    Automatiquement une fois que lorsqu'un élément est créé/initialisé

    <div ng-init="sayHi()">Demo ng-init</div>

    Directement à partir du contrôleur lorsqu'il est initialisé

    function AngularCtrl($scope) {

    $scope.user_name = 'John';

    $scope.sayHi = function(){
        alert('Hi ' + $scope.user_name);
    }

    //Call it
    $scope.sayHi();
}

    Espérons que ces exemples sont une source d'inspiration, mais ce que vous devriez vraiment faire dépend de ce que vous êtes vraiment essayer de l'accomplir.