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

301

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

Я пытался:

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

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

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

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

FluxEngine
источник
Можете ли вы принять другой ответ? Ответ @ 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
 */
TheHippo
источник
76
Вы можете написать angular.version, который дает версию angular.
Nishchit Dhanani
2
@AfshinMoazami Не имеет значения. Это в комментарии в верхней части файла. По причинам лицензирования вы не должны удалять комментарии.
TheHippo
3
Во-первых, когда оно минимизируется, поиск лицензии в огромном файле не так прост. Во-вторых, полагаться на файл лицензии / комментарий не очень хороший выбор, так как он может измениться из-за ошибки minfier.
Афшин Моазами
3
Риск этого ответа заключается в том, что существует множество угловых зависимостей, которые потенциально могут быть загружены и быть уверенными в том, какую версию загружает браузер.
Малкус
7
Где находится файл angular.js?
Мирослав
301

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

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

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

lolski
источник
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+

Srikrushna
источник
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".
Марофт
Angular Cli
6

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

ng v
Mwiza
источник
5

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

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

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

javapedia.net
источник
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].

SwarupOVO
источник
0

Здесь будет ..

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

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */
пуджан мехта PM
источник
0

Вы можете просто напечатать ng version вот это

Джефф
источник
0

Это очень просто, вы можете увидеть в package.jsonфайле

user1012506
источник
0

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

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

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

Smitha
источник
0

Для angular JS вы можете найти его в файле angular-animate.js, как показано ниже:

/ ** * @license AngularJS v1.4.8 * (c) 2010-2015 Google, Inc. http://angularjs.org * Лицензия: MIT * /

Закир Хоссейн
источник
0

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

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

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

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

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

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

навигационный
источник