使用しているAngularのバージョンを確認するにはどうすればよいですか?


301

使用しているAngularのバージョンを確認するにはどうすればよいですか?

私が試してみました:

angular --version
angular --v
angular -version
angular -v

しかし得る -bash: angular: command not found

yeoman --versionは私が使っていることを知っています0.9.6

しかし、どのようにangularjsバージョンを取得しますか?


別の答えを受け入れてもらえますか?@ lolskiの答えははるかに優れている
Kolobキャニオン

Leoの回答(package.jsonの角度関連行を参照)は、AngularJS(1)またはAngular 2+のどのバージョンでも機能します。トニー・ドンの回答(DOMのアプリケーションタグを調べる)は、Angular 2以降のどのバージョンでも問題なく機能します。Loliskiの1つは1と2でのみ機能し、それより大きなバージョンでは機能しません。承認された回答(TheHippo)はAngularJS(1)でのみ機能します
Pac0

angularとangularjsのタグが付けられた質問があることは意味がありますか?どちらも完全に異なるライブラリです。それぞれに1つの質問がある方がはるかに理にかなっています。そうすると、新しいタグが追加されたときに、受け入れられた回答が部分的に無効になることはありません。
Paul Rooney

回答:


216

編集:この回答が書かれたとき、AngularJS 1.xしかありませんでした。Angularバージョン> = 2については、以下の回答をご覧ください。

AngularJSにはコマンドラインツールがありません。

JavaScriptファイル自体からバージョン番号を取得できます。

現在のヘッダーangular.js

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */

76
angular.versionを記述すると、angularのバージョンがわかります。
Nishchit Dhanani 2014

2
@AfshinMoazami関係ありません。ファイル上部のコメントにあります。ライセンス上の理由から、コメントを削除しないでください。
TheHippo

3
まず、それを縮小すると、巨大なファイルでライセンスを検索するのが容易ではなくなります。第二に、ライセンスファイル/コメントは、より小さなバグによって変更される可能性があるため、実際には適切な選択ではありません。
アフシンモアザミ

3
この回答のリスクは、複数の角度依存関係が引き込まれている可能性があり、ブラウザが実際にロードしているバージョンを確認している場合です。
Malkus

7
angular.jsファイルの場所は何ですか?
myroslav

301

Angular 1または2の場合(Angular 4+は不可):

使用しているブラウザーの開発者ツールでコンソールを開き、angular.version角度バージョンを保持するJavascriptオブジェクトにアクセスするために入力することもできます。

スクリプトがヘッダーコメントなしで縮小されている場合に非常に役立ちます。


22
angular.version.fullは、フルバージョン(たとえば、「1.2.16」)を文字列として保持します
Guillaume

6
ベストアンサー

9
angular.versionとangular.version.fullはバージョン4では機能しませんが、html 'ng-version'は表示されます。
DFBerry 2017

5
Uncaught ReferenceError:angular is not defined at <anonymous>:1:1
Anuj

166

Angular 2+の場合、開発ツール(F12)を備えた最新のブラウザーでは、最上位のアプリケーションタグを検査できます。

Internet Explorer 11またはEdgeの場合、ここに情報を見つけることができます。角度バージョン番号

Angular 2+ Chromeブラウザで動作します

ここに画像の説明を入力してください

Firefoxファイアバグ

ここに画像の説明を入力してください


角度バージョンのこの要素属性が表示されない1.5.7
mihai

19
ありがとうangular.version、私の場所では機能していませんでした
J4N 2017年

角度5でも機能します。DOMを表示できるすべてのブラウザー。つまり、最近のすべてのデスクトップブラウザーを意味します。
Pac0

111

を使用している場合はangular-cli、次のように入力して簡単に確認できます

ng -v

またはng vAngular 8、ターミナルまたはBash。注:プロジェクトディレクトリ内でコマンドを実行します。

あなたはこのようなものを得るはずです:

angular-cli: 1.0.0-beta.24
node: 7.4.0
os: darwin x64
@angular/common: 2.4.3
@angular/compiler: 2.4.3
@angular/core: 2.4.3
@angular/forms: 2.4.3
@angular/http: 2.4.3
@angular/platform-browser: 2.4.3
@angular/platform-browser-dynamic: 2.4.3
@angular/router: 3.4.3
@angular/compiler-cli: 2.4.3

13
ああ、私はこれにこだわっていました。非プロジェクトフォルダーで「ng -v」と入力すると、AngularCLIバージョンのみが表示されます-すべての情報が表示されると思いました。しかし、cliで作成されたプロジェクトフォルダーを使用せずに入力すると、そのフォルダーが使用しているAngularバージョンの詳細がすべて表示されます
Drenai

3
Angular 7.0.2の代わりにangular --version。
mijiturka 2018年

NVMを使用していて、インストール済みであることがわかっているパッケージが表示されない場合は、それらを異なるバージョンのノードにインストールしている可能性があることに注意してください。1つのオプションは、以前のバージョンから現在のバージョンに移行することです。詳細についてはgithub.com/creationix/…をご覧ください。
samurai_jane

2
Angular 8のng v
ブライアンオグデン

75

ブラウザの開発者コンソール(F12キーを押して開く)で、次のように入力できます。

angular.version.full

たとえば、(現在のバージョンによっては)完全なバージョンが表示されます。[実際fullangular.versionオブジェクトのプロパティを取得します。]

"1.4.3"

したがって、オブジェクト全体を表示するには、次のように入力します

angular.version

これは、フル、メジャー、マイナー、およびcodeNameなどのバージョン情報を含むフルバージョンオブジェクトを提供します。

Object {full: "1.4.3", major: 1, minor: 4, dot: 3, codeName: "foam-acceleration"}

このコマンドを使用すると、フレームワークを使用している限り、アクセスしているWebサイトのAngularバージョンを確認できます。
cezar

39

package.jsonを確認することもできます:

"dependencies": {
    "@angular/common": "^5.0.0",
    "@angular/compiler": "^5.0.0",
    "@angular/core": "^5.0.0",
    "@angular/forms": "^5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/platform-browser": "^5.0.0",
    "@angular/platform-browser-dynamic": "^5.0.0",
    "@angular/router": "^5.0.0",
  }

(キャレット^は、最新のメジャーバージョン(最初の番号)に更新します。 ^4.3.04.x.x含むすべてのリリースに一致します4.4.0が、は保留され5.0.0ます。ティルダ~は、最新のマイナーバージョン(中間の番号)~4.3.0に一致し4.3.xます。 すべてのバージョンに一致しますが、逃し4.4.0ます。)


Angularアプリケーションがまだ起動していない場合に便利です!もちろん、ソースコードがある場合にのみ機能します。オンラインのリモートアプリケーションについては、トニードンの回答を参照してください。DOMのメインの角度タグの検査は、Angular2 +バージョンで機能するようです。
Pac0

24

今はng -vです

角度CLIを使用している場合は、使用を確認できます

ng --version

今はng -vです

または、チェックインすることもできます

pakage.jsonファイル

 "dependencies": {
    "@angular/animations": "^4.0.0",
    "@angular/common": "^4.0.0",
    "@angular/compiler": "^4.0.0",
    "@angular/core": "^4.0.0",
    "@angular/forms": "^4.0.0",
    "@angular/http": "^4.0.0",
    "@angular/platform-browser": "^4.0.0",
    "@angular/platform-browser-dynamic": "^4.0.0",
    "@angular/router": "^4.0.0",
    "angular-in-memory-web-api": "^0.3.2",
    "core-js": "^2.4.1",
    "rxjs": "^5.1.0",
    "zone.js": "^0.8.4"
  },

23

多くの方法があります。角度バージョンを確認します。コマンドプロンプト(Windowsの場合)を実行して、次のように入力します。

1. ng version
2. ng v
3. ng -v

コマンドラインを使用して角度バージョンを確認してください

4. You can pakage.json file

pakage.jsonファイルで角度バージョンを確認してください

5.You can check in browser by presing F12 then goto elements tab

ブラウザで角度バージョンを確認してください

(xxx)に関するsubversionの完全な理解は、angularJSangular 2+を参照してください。


2
ng -vが最新の角度バージョンで動作しない(角度8を確認した)
Srikrushna

14

Angular 4では、多くのオプションが機能しなくなりました。2017年7月更新 2つの可能性:

1)最も簡単なのは、プロジェクトのpackage.jsonを開いて、使用されているバージョン、特にAngularのバージョンを確認することです。

ここに画像の説明を入力してください

2)ng serveを実行した後、使用するエクスプローラーの要素のインスペクターを開くと、次の画像のようにバージョンを確認できます。

ここに画像の説明を入力してください


それで、すべての行からどれがAngularのどのバージョンであると言っていますか?
Powder366

1
@ powder366 @angular/coreと兄弟(ここではそれが原因の最新アップデート、これは角4であることを意味^前)
Pac0

10

別の方法は、VERSION定数をインポートして@angular/coreからコンソールにダンプすることです:

console.log(VERSION.full); //5.2.11

で動作します:

Angular 2と3については不明です(誰かがテストできる場合、ページは利用できません)。


AngularJS 1.xの場合angular.version

console.log(angular.version); //1.7.4

6

注意:以下は、Angular-CLIバージョンのみをチェックします!!!:

どちらのコマンドも機能します。

ng -v

または

ng v

ここに画像の説明を入力してください


1
これは「Angular CLI」のバージョンであり、「Angular」のバージョンではありません。
mareoraft

angular cli 7にはコマンド "ng version"があり、これには角度バージョンが含まれます
Dynrepsys

6

を使用している場合はangular-cli、次のコマンドを使用します。

ng v

5

角度4+使用の場合、

  • ngバージョン
  • NG V

Angular 7以降ではng -vオプションは機能しません。


5

ng vコマンドで実行

次のような結果が得られます

Angular CLI: 7.3.9
Node: 12.11.0
OS: win32 x64
Angular: 7.2.15
... common, compiler, compiler-cli, core, f
... language-service, platform-browser, pla
... router

Package                           Version
-------------------------------------------
@angular-devkit/architect         0.13.9
@angular-devkit/build-angular     0.13.9
@angular-devkit/build-optimizer   0.13.9
@angular-devkit/build-webpack     0.13.9
@angular-devkit/core              7.3.9
@angular-devkit/schematics        7.3.9
@angular/cli                      7.3.9
@ngtools/webpack                  7.3.9
@schematics/angular               8.0.0
@schematics/update                0.13.9
rxjs                              6.5.3
typescript                        3.1.6
webpack                           4.29.0

3

複数の方法があります。

  1. あなたはpackage.jsonファイルからそれを確認することができます
  2. 次のコマンドを使用します。

ng --version

上記のコマンドを実行すると、次の出力が生成されます。

Angular CLI:7.0.3

ノード:9.4.0

OS:ダーウィンx64

角度:7.0.1

...アニメーション、共通、コンパイラ、compiler-cli、コア、フォーム

... http、language-service、platform-b​​rowser

...プラットフォームブラウザーダイナミック、ルーター

パッケージバージョン


@ angular-devkit / architect 0.10.3

@ angular-devkit / build-angular 0.10.3

@ angular-devkit / build-optimizer 0.10.3

@ angular-devkit / build-webpack 0.10.3

@ angular-devkit / core 7.0.3

@ angular-devkit / schematics 7.0.3

@ angular / cli 7.0.3

@ ngtools / webpack 7.0.3

@ schematics / angular 7.0.3

@ schematics / update 0.10.3

rxjs 6.3.3

typescript 3.1.4

ウェブパック4.19.1

したがって、Angular、Angular CLI、Nodeおよびその他の多くのパッケージのバージョンは、ここから確認できます。


3

VSコードエディタを使用している場合。

左側のエクスプローラーパネルに移動します-> package.jsonを見つけて開きます->依存関係の下で@ angular / coreを見つけます。

コアが主な機能であるため、これは角度バージョンです

ここに画像の説明を入力してください

ここに画像の説明を入力してください


3

Angular 1または2(Angular 4+は除く)の場合:

また、コンソールを開いて、使用しているブラウザの開発者ツールの要素タブに移動することもできます。

または

angular.versionと入力して、角度バージョンを保持するJavascriptオブジェクトにアクセスします。

Angular 4+の場合以下にリストされているようにいくつかの方法があります:

コマンドプロンプトまたはVSコードのターミナルに以下のコードを記述します(最大3つ)。

  1. ng versionまたはng --version(参照用の画像を検索)
  2. NG V
  3. ng -v

ターミナルでは、添付の画像に示すように角度バージョンを見つけることができます: ここに画像の説明を入力してください

  1. また、コンソールを開いて、使用しているブラウザの開発者ツールの要素タブに移動することもできます。下の画像に表示されているように:

ここに画像の説明を入力してください

  1. package.jsonファイルを探します。インストールされているすべての依存関係とそのバージョンが見つかります。


2

プロジェクトフォルダーでコマンドターミナルを開き、次のように入力します。

ng -v

アイテムのリストが表示され、角度バージョンが表示されます。スクリーンショットをご覧ください。

バージョンの詳細


4
Angular CLI:1.7.3ノード:8.9.0 OS:win32 x64 Angular:...スクリーンショットどおりに表示されない
Devang Solanki

2

ターミナルから使用できる角2以降のバージョン、

ng -v



    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/

Angular CLI: 1.7.3
Node: 9.3.0
OS: linux x64
Angular: 5.2.9
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.7.3
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.5.3
webpack: 3.11.0
mohideen@root:~/apps/UI$ 

1

ターミナルから角度プロジェクトディレクトリに移動し、ng -vこのようなすべての情報を提供します

Angular CLI: 1.7.4
Node: 8.11.1
OS: linux x64
Angular: 5.2.11
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.7.4
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.5.3
webpack: 3.11.0

ng-vAngularプロジェクトの外部のディレクトリを確認すると、angular-cliバージョンのみが表示されます。


はい、Angularバージョンを表示したい場合は、プロジェクトフォルダー内に移動する必要があります。
下呂

1

ここに画像の説明を入力してくださいangular cliの新しいバージョンでは、[ng -v]は機能しません。[ng version]と入力する必要があります。


0

ここになります。

../project_name/bower_components/angular/angular.js

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */


0

それは非常に簡単です、あなたはpackage.jsonファイルで見ることができます


0

上記の回答と同じように、要素を検査することでブラウザーにチェックインできます。AngularJSの場合、以下のようなものが表示されます。

ng-appディレクティブは、これがAngularJSアプリケーションのルート要素であることをAngularJSに通知します。

すべてのAngularJSアプリケーションにはルート要素が必要です。



0

ページの要素を調べることでも確認できます。

  1. F12キーを押してブラウザの開発者ツールを開きます。

  2. 要素を検査します。

  3. ボディを展開

  4. 次のようなAngularのバージョンが表示されます。

ng-version = "4.3.6"

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.