如何检查我使用的Angular版本？

301

如何知道我使用的是哪个版本的Angular？

我努力了：

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

但是得到 -bash: angular: command not found

我知道yeoman --version我正在使用0.9.6

但是如何获得angularjs版本呢？

angularjs  angular 
— 助焊剂引擎
source
您能接受一个不同的答案吗？@lolski的答案要好得多
— Kolob Canyon
Leo的答案（请查看package.json中与角度相关的行）适用于AngularJS（1）或Angular 2+的任何版本。Tony dong的答案（检查DOM中的应用程序标签）适用于Angular 2或更高版本的任何版本。Loliski的版本仅适用于1和2，不适用于更高版本。接受的答案（TheHippo）仅适用于AngularJS（1）
— Pac0
将问题标记为angular和angularjs有意义吗？它们都是完全不同的库。每个问题都有一个问题会更有意义。这样，当添加新标签时，接受的答案就不会部分无效。
— 保罗·鲁尼

Answers:

216

编辑：编写此答案时，只有AngularJS1.x。在以下答案中查找Angular版本> = 2。

AngularJS没有命令行工具。

您可以从JavaScript文件本身获取版本号。

当前标题angular.js：

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */
— 河马
source
76
您可以编写angular.version，它给出了angular的版本。
— Nishchit Dhanani 2014年
2
@AfshinMoazami没关系。它位于文件顶部的注释中。出于许可原因，您不应删除注释。
— TheHippo 2015年
3
首先，如果将其缩小，则很难在大文件中搜索许可证。其次，依靠许可证文件/注释并不是一个很好的选择，因为它可能会因微小的错误而改变。
— Afshin Moazami，2015年
3
这个答案的风险是，如果存在多个角度相关性，并确定浏览器实际加载的是哪个版本。
— 马尔库斯
7
angular.js文件的位置在哪里？
— myroslav '17
301

对于Angular 1或2（但不适用于Angular 4+）：

您还可以在使用任何浏览器的开发人员工具上打开控制台，然后键入angular.version以访问包含有角度版本的Javascript对象。

当脚本缩小且没有标题注释时非常有用。

— 洛尔斯基
source
22
angular.version.full将完整版本（例如“ 1.2.16”）保存为字符串
— Guillaume14年
6
最好的答案，如果使用缩小版本，则不会被接受
— Alfredo A.
9
angular.version和angular.version.full在版本4中不起作用，但是html'ng-version'是可见的。
— DFBerry
5
1：未捕获的ReferenceError：角不是在<匿名>定义：1
— Anuj
166

对于Angular 2+，在任何具有开发人员工具（F12）的现代浏览器中，您都可以检查顶级应用程序标签。

对于Internet Explorer 11或Edge，您可以在这里找到信息：角版本号

适用于Angular 2+ Chrome浏览器

在此处输入图片说明

Firefox萤火虫

在此处输入图片说明

— 东尼
source
我看不到角版本的此元素属性1.5.7
— mihai
19
谢谢您，angular.version我所在的位置无法正常工作
— -J4N
同样适用于角度5。在任何能够显示DOM的浏览器中，这意味着当今所有现代台式浏览器。
— Pac0 '18年
111

如果您使用angular-cli，则可以通过键入轻松地进行检查

ng -v

或ng v在Angular 8中，在Terminal或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
— 伊斯特万
source
13
啊，我被困在这上。如果我在非项目文件夹中键入“ ng -v”，则仅给出AngularCLI版本-我认为它将提供所有信息。但是从cli创建的项目文件夹中键入它可以提供该文件夹使用的Angular版本的所有详细信息
— Drenai
3
而不是Angular 7.0.2中的angular --version。
— mijiturka
请记住，如果您使用的是NVM，但没有看到自己知道已安装的软件包，则可能已将它们安装在其他版本的Node下。一种选择是从先前版本迁移到当前版本。在github.com/creationix/…上查看更多详细信息。
— samurai_jane
2
ng v Angular 8
— Brian Ogden
75

在浏览器的开发者控制台中（按F12键将其打开），您可以输入以下内容，

angular.version.full

它将为您提供完整版本，例如（取决于您的当前版本）。[它实际上获得对象的full属性angular.version。]

"1.4.3"

因此，要查看完整的对象，如果您键入 

angular.version

它将为您提供完整的版本对象，其中包含版本信息，例如完整，主要，次要以及codeName，例如

Object {full: "1.4.3", major: 1, minor: 4, dot: 3, codeName: "foam-acceleration"}
— 苏曼·巴里克（Suman Barick）
source
使用此命令，只要使用框架，您就可以找到所访问的任何网站的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.0将与4.x.x包括在内的任何发行版匹配4.4.0，但将保持打开状态5.0.0。代字号~与最新的次要版本（中间的数字）~4.3.0匹配。 将与所有4.3.x版本匹配，但会错过的4.4.0。

— 狮子座
source
如果尚未启动Angular应用程序，则非常方便！当然，只有在您拥有源代码的情况下，它才有效。对于在线远程应用程序，请参阅Tony Dong的答案，检查DOM中的主要angular标签似乎适用于任何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"
  },
— 萨加尔·杰西（Sagar Jethi）
source
23

有很多方法，您可以检查角度版本只需输入comand提示符（对于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

在浏览器上检查角度版本

全面了解Subversion关于（xxx）的信息，请参阅angular文档angularJS和angular 2+

— Srikrushna
source
2
ng -v在最新的角度版本中不起作用（我检查了角度8）
— Srikrushna
14

对于Angular 4，许多选项不再起作用。2017年7月更新两种可能性：

1）最简单的方法是打开我们项目的package.json并检查使用的版本，其中之一是Angular。

在此处输入图片说明

2）执行ng服务后，我们打开使用的资源管理器的元素检查器，然后可以观察到下图所示的版本。

在此处输入图片说明

— 雨果·LM
source
那么，从哪几行中可以看出是哪个版本的Angular？
— powder366
1
@ powder366 @angular/core和兄弟姐妹（此处表示这是Angular 4，由于^前面有最新更新）
— Pac0
6

注意：以下内容仅检查Angular-CLI版本！！：

这两个命令都起作用： 

ng -v

要么 

ng v

在此处输入图片说明

— 传说
source
1
那是“ Angular CLI”的版本，而不是“ Angular”的版本。
— mareoraft
angular cli 7具有命令“ ng version”，其中包括有角版本
— Dynrepsys
5

对于有角度的4+使​​用，

  • ng版本
  • ng v

请注意ng -v选项在Angular 7+中不起作用。

— javapedia.net
source
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
— Pullat Junaid
source
3

有多种方法：

  1. 您可以从package.json文件中进行验证
  2. 您使用以下命令：

ng --version

上面的命令将产生以下输出：

角CLI：7.0.3

节点：9.4.0

操作系统：Darwin x64

角度：7.0.1

...动画，通用，编译器，compiler-cli，核心，形式

... http，语言服务，平台浏览器

...平台浏览器动态路由器

套件版本

@ angular-devkit /建筑师0.10.3

@ angular-devkit / build-angular 0.10.3

@ angular-devkit /构建优化器0.10.3

@ angular-devkit / build-webpack 0.10.3

@ angular-devkit /核心7.0.3

@ angular-devkit / schematics 7.0.3

@角度/ cli 7.0.3

@ ngtools / webpack 7.0.3

@ schematics /角度7.0.3

@ schematics /更新0.10.3

rxjs 6.3.3

打字稿3.1.4

webpack 4.19.1

因此，可以从此处验证Angular，Angular CLI，Node和许多其他软件包的版本。

— 比拉勒·艾哈迈德·亚辛
source
3

如果您使用的是VS Code编辑器。

转到左侧的资源管理器面板->查找package.json并打开它->在依赖项下找到@ angular / core。

这是您的角度版本，因为核心是主要功能

在此处输入图片说明

在此处输入图片说明

— 玛诺·卡鲁里（Manoj Kalluri）
source
3

对于Angular 1或2（但不适用于Angular 4+）：

您也可以打开控制台，然后转到使用任何浏览器的开发人员工具上的element选项卡。

要么

键入angular.version以访问保存有角度版本的Javascript对象。

对于Angular 4+，有以下几种方法：

在命令提示符下或在VS Code的终端中编写以下代码（最多3个）

  1. ng版本或ng --version（查找图像以供参考）
  2. ng v
  3. ng -v

在终端中，您可以找到如附图所示的角度版本： 在此处输入图片说明

  1. 您也可以打开控制台，然后转到使用任何浏览器的开发人员工具上的element选项卡。如下图所示：

在此处输入图片说明

  1. 找到package.json文件，您将找到所有已安装的依赖项及其版本。
— Trilok Pathak
source
2

在您的项目文件夹中，打开命令终端，然后键入 

ng -v

它会为您提供项目列表，因为您将能够看到有角度的版本。参见屏幕截图。

版本详细信息

— 阿克巴·巴杜莎（Akbar Badhusha）
source
4
Angular CLI：1.7.3节点：8.9.0操作系统：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$
— 莫希登·本·穆罕默德（Mohideen bin Mohammed）
source
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-v外部角度项目的方向性，那么它将仅显示angular-cli版本。

— 卡马尔·库马尔（Kamal Kumar）
source
是的，如果要查看Angular版本，则必须进入项目文件夹。
— Gero
1

在此处输入图片说明在新版本的angular cli中，[ng -v]将不起作用。您必须键入[ng version]。

— SwarupOVO
source
0

会在这里

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

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */
— poojan mehta PM
source
0

与上面的答案相同，您可以通过检查元素来检查浏览器，如果它是AngularJS，我们可以看到类似下面的内容。

ng-app指令告诉AngularJS，这是AngularJS应用程序的根元素。

所有AngularJS应用程序都必须具有根元素。

— 史密莎
source
0

您还可以通过检查页面上的元素来检查它：

  1. 按F12打开浏览器的开发人员工具。

  2. 检查元素。

  3. 展开身体

  4. 您将看到Angular的版本，如下所示：

ng-version =“ 4.3.6”

— 导航
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.