コンソールで$ scopeが動作していない

Question

AngularJS開発者ガイドでは、コンソールに$ scopeと入力してスコープを調べることができます。

To examine the scope in the debugger:

1.Right click on the element of interest in your browser and select 'inspect element'. You should see the browser debugger with the element you clicked on highlighted.

2.The debugger allows you to access the currently selected element in the console as $0 variable.

3.To retrieve the associated scope in console execute: angular.element($0).scope() or just type $scope

しかし、私は、コンソール上で$スコープを入力してよ、それはここで

Uncaught ReferenceError: $scope is not defined at :1:1

は参照用linkであると言います。

app.jsはので、ここで同じエラーが来てされているCodePenあるこの

var app=angular.module("app",[]); 
app.controller("ctrl",['$scope','demoservice',function($scope,demoservice){ 
    console.log(demoservice); 
    $scope.ser=demoservice; 
}]); 

app.service("demoservice",[function(){ 
    this.name="Himanshu"; 
}]); 

誰かがコードを求めているように見えます。

Answer 1

$ scopeはコントローラ内部の参照変数です。したがって、consoleに$ scopeを書くことは、グローバル変数ではなくスコープに対して非公開でアクセスを提供します。あなたは、特定の実行スコープでそれにアクセスする必要が$スコープ変数にアクセスする必要があるのであれば$スコープがあるとして、ブレークポイントは、今ではここで、実行内容の真ん中に保管されている次の例

を考えますメモリ内に我々はそう$の範囲を検査するためにあなたがいないだけで$の範囲に、おそらく実行の途中であることを持っていますがない限り、その、これは任意のJSコード変数に適用されるこの

のようにコンソールで使用することができますウィンドウコンソールでグローバルにアクセスすることはできません。

それ以外の

あなたも

Answer 2

は、あなたがの範囲を取得するHTMLから要素を選択し、コンソールタブにangular.element($0).scope();これに文を実行Chromeにアドオンangular batarangを使用することができ、デバッグがより親しみやすい角度JSを使用するには、その要素。

または

イン・スクリーン・クロム・プラグインをインストールできます。コンソールの$s を使用して要素の有効範囲を取得します。