ReferenceError：Angular JSで$が定義されていません

Question

こんにちは、私のコードで 'ReferenceError：$が定義されていません'と表示されています。 この私のサンプルコード

$rootScope.$on('$stateChangeStart', function (event, next, current) { 
     // redirect to login page if not logged in and trying to access a restricted page 
     var restrictedPage = $.inArray($state.current.name, ['login']) === -1; 
     var loggedIn = $rootScope.globals.currentUser; 
     if (restrictedPage && !loggedIn) { 
      $state.go('login'); 
     } 
    }); 

このコードは（実行内側に書いています）。

Answer 1

プロジェクトにjqueryファイルを追加します。 $はjQueryを意味します。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script> 

Answer 2

あなたはNodeJSプロジェクトを使用している場合、あなたはjqueryをインストールすることができ、その後、jQueryライブラリをインポートします。例えば

コンソール：（プロジェクトのルートから実行） npm install jquery

Javascriptを：（あなたの.jsファイルのヘッダに挿入する） var $ = require('jquery');