Как я могу проверить, какую версию Angular я использую?


301

Как я могу узнать, какую версию Angular я использую?

Я пытался:

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

но получить -bash: angular: command not found

Я знаю, yeoman --versionчто я использую0.9.6

Но как получить версию angularjs?


Можете ли вы принять другой ответ? Ответ @ lolski намного лучше
Каньон

Ответ Лео (посмотрите на связанные угловые линии в package.json) работает для любой версии AngularJS (1) или Angular 2+. Ответ Тони Донга (проверить тег приложения в DOM) отлично работает для любой версии Angular 2 или выше. Один Лолиски работает только для 1 и 2, а не для больших версий. Принятый ответ (TheHippo) работает только для AngularJS (1)
Pac0

Имеет ли смысл ставить вопрос под меткой angularjs? Они оба совершенно разные библиотеки. Было бы гораздо разумнее иметь один вопрос для каждого. Тогда принятый ответ не был бы частично признан недействительным при добавлении нового тега.
Пол Руни

Ответы:


216

Изменить: Когда этот ответ был написан, был только AngularJS 1.x. Посмотрите ответы ниже для угловых версий> = 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

2
@AfshinMoazami Не имеет значения. Это в комментарии в верхней части файла. По причинам лицензирования вы не должны удалять комментарии.
TheHippo

3
Во-первых, когда оно минимизируется, поиск лицензии в огромном файле не так прост. Во-вторых, полагаться на файл лицензии / комментарий не очень хороший выбор, так как он может измениться из-за ошибки minfier.
Афшин Моазами

3
Риск этого ответа заключается в том, что существует множество угловых зависимостей, которые потенциально могут быть загружены и быть уверенными в том, какую версию загружает браузер.
Малкус

7
Где находится файл angular.js?
Мирослав

301

Для угловых 1 или 2 (но не для угловых 4+):

вы также можете открыть консоль в инструментах разработчика любого браузера, который вы используете, и ввести текст angular.versionдля доступа к объекту Javascript, который содержит угловую версию.

Очень полезно, когда сценарий свернут без заголовка комментария.


22
angular.version.full содержит полную версию (например, «1.2.16») в виде строки
Гийом

6
Лучший ответ, принятый будет невозможен, если использовать уменьшенную версию
Альфредо А.

9
angular.version и angular.version.full не работают в версии 4, но html 'ng-version' виден.
DFBerry

5
Uncaught ReferenceError: angular не определено в <anonymous>: 1: 1
Anuj

166

Для Angular 2+ в любом современном браузере с инструментами разработчика (F12) вы можете проверить тег приложения верхнего уровня.

Для Internet Explorer 11 или Edge вы можете найти информацию здесь:Угловой номер версии

Работает для браузера Angular 2+ Chrome

введите описание изображения здесь

Firefox firebug

введите описание изображения здесь


Я не вижу этот атрибут элемента для угловой версии1.5.7
mihai

19
Спасибо, angular.versionне работал у меня
дома

Работает для угловых 5, а также. В любом браузере, способном отображать DOM, что означает все современные настольные браузеры в наше время.
Pac0

111

Если вы используете angular-cli, то вы можете легко проверить это, набрав

ng -v

или ng vв Angular 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 - я думал, что она даст всю информацию. Но ввод его из папки проекта, созданной клиентом, дает все детали того, какие версии Angular использует эта папка
Drenai

3
angular - версия вместо Angular 7.0.2.
Миджитурка

Помните, что если вы используете NVM и не видите пакетов, которые, как вы знаете, установлены, возможно, вы установили их под другой версией Node. Один из вариантов - перейти с предыдущей версии на текущую. Подробности смотрите на github.com/creationix/… .
samurai_jane

2
нг v в Angular 8
Брайан Огден

75

В консоли разработчика браузера (нажмите F12, чтобы открыть его), вы можете ввести следующее:

angular.version.full

это даст вам полную версию, например (в зависимости от текущей версии). [Это на самом деле получает fullсвойство angular.versionобъекта.]

"1.4.3"

Итак, чтобы увидеть полный объект, если вы наберете

angular.version

Он предоставит вам полный объект версии, содержащий информацию о версии, такую ​​как full, major, minor, а также codeName, например

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

С помощью этой команды вы можете узнать версию Angular для любого веб-сайта, который вы посещаете, если он использует фреймворк.
Цезарь

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.)


Удобно, если ваше угловое приложение еще не запущено! Но работает, только если у вас есть исходный код, конечно. Для удаленного онлайн-приложения см . Ответ Тони Донга: проверка основного углового тега в DOM, похоже, работает для любой версии Angular2 +.
Pac0

24

Теперь это нг -в

Если вы используете угловой Cli, то вы можете проверить использование

ng --version

Теперь это нг -в

Или вы можете также проверить

файл 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

проверьте угловую версию в вашем браузере

Полное понимание Subversion о (XXX), пожалуйста, смотрите угловую документацию AngularJS и Angular 2+


2
ng -v не работает в последней угловой версии (я проверил на угловую 8)
Срикрушна,

14

В Angular 4 многие опции больше не работают. Обновление июль 2017 г. Возможности:

1) Самый простой - открыть package.json нашего проекта и проверить используемые версии, в том числе Angular.

введите описание изображения здесь

2) После выполнения ng serve мы открываем инспектор элементов проводника, который мы используем, и можем наблюдать версию, как показано на следующем рисунке.

введите описание изображения здесь


Так что из всех строк говорит, какая это версия Angular?
powder366

1
@ powder366 @angular/coreи братьев и сестер (здесь это означает, что это Angular 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".
Марофт


6

Если вы используете angular-cli, просто используйте команду:

ng v

5

Для углового 4+ использования,

  • нг версия
  • нг в

Обратите внимание, что опция ng -v не работает в Angular 7+.


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. Вы используете следующую команду:

нг - версия

Команда выше приведет к следующему выводу:

Угловой CLI: 7.0.3

Узел: 9.4.0

ОС: дарвин х64

Угловая: 7.0.1

... анимации, общие, компилятор, компилятор, ядро, формы

... http, language-service, платформа-браузер

... платформа-браузер-динамическая, маршрутизатор

Версия пакета


@ 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

машинопись 3.1.4

вебпак 4.19.1

Итак, версию Angular, Angular CLI, Node и многих других пакетов можно проверить здесь.


3

Если вы используете VS Code Editor.

Перейдите на панель Explorer слева -> найдите package.json и откройте его -> под зависимостями найдите @ angular / core.

Это ваша угловая версия, так как ядро ​​- главная особенность

введите описание изображения здесь

введите описание изображения здесь


3

Для угловых 1 или 2 (но не для угловых 4+):

Вы также можете открыть консоль и перейти на вкладку элемента в инструментах разработчика любого браузера, который вы используете.

Или

Введите angular.version для доступа к объекту Javascript, который содержит угловую версию.

Для Angular 4+ есть ряд способов, перечисленных ниже:

Запишите приведенный ниже код в командной строке / или в терминале в коде VS. (до 3)

  1. версия ng или ng --version (найдите изображение для справки)
  2. нг в
  3. нг -в

В терминале вы можете найти угловую версию, как показано на прикрепленном изображении: введите описание изображения здесь

  1. Вы также можете открыть консоль и перейти на вкладку элемента в инструментах разработчика любого браузера, который вы используете. Как показано на рисунке ниже:

введите описание изображения здесь

  1. Найдите файл package.json, вы найдете все установленные зависимости и их версию.


2

В папке вашего проекта откройте командный терминал и введите

ng -v

это даст вам список предметов, в котором вы сможете увидеть угловую версию. Смотрите скриншот.

подробности о версии


4
Angular CLI: 1.7.3. Узел: 8.9.0. ОС: win32 x64. Angular: ... не отображается в соответствии с
снимком

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-vвнешнюю угловую директорию проекта, то она покажет только угловую версию.


да, если вы хотите увидеть версию Angular, вы должны зайти в папку проекта.
Gero

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

Как и в предыдущем ответе, вы можете проверить в браузере, проверив элемент, если это AngularJS, мы можем увидеть что-то вроде ниже.

Директива ng-app сообщает AngularJS, что это корневой элемент приложения AngularJS.

Все приложения AngularJS должны иметь корневой элемент.



0

Вы также можете проверить это, проверив элементы на странице:

  1. нажмите F12, чтобы открыть инструменты разработчика браузера.

  2. Осмотрите Элемент.

  3. Развернуть Тело

  4. Вы увидите версию Angular, например:

нг-версия = "4.3.6"

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.