Як я можу перевірити, яку версію 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

Чи має сенс поставити питання з тегами angular and 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
По-перше, коли він мінімізується, не просто знайти пошук у величезному файлі для ліцензії. По-друге, покладатися на файл ліцензії / коментар насправді не є чудовим вибором, оскільки він може змінитися помилкою.
Афшин Моазамі

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-версія'.
DFBerry

5
Uncaught ReferenceError: кутовий не визначено на <анонімний>: 1: 1
Anuj

166

Для Angular 2+ у будь-якому сучасному веб-переглядачі, що має інструменти для розробників (F12), ви можете перевірити тег додатків верхнього рівня.

Для Internet Explorer 11 або Edge ви можете знайти тут інформацію:Кутовий варіант Номер

Працює для браузера Angular 2+ Chrome

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

Firefox firebug

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


Я не бачу цього атрибута елемента для кутової версії1.5.7
mihai

19
Дякую, angular.versionмоє місце не працювало
J4N

Працює і для кутового 5. У будь-якому браузері, здатному показувати DOM, що означає всі сучасні браузери настільних комп'ютерів.
Pac0

111

Якщо ви користуєтесь angular-cli, то ви можете легко перевірити це, ввівши

ng -v

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

3
кутова - перехід замість кутового 7.0.2.
mijiturka

Майте на увазі, що якщо ви використовуєте NVM і не бачите пакунків, з яких ви знаєте, що встановили, можливо, ви встановили їх під іншою версією Node. Один із варіантів - перейти від попередньої версії до поточної версії. Детальніше див. На github.com/creationix/… .
samurai_jane

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

75

У консолі розробника браузера (натисніть F12, щоб відкрити її), ви можете ввести наступне,

angular.version.full

він надасть вам повну версію, наприклад (залежно від поточної версії). [Він фактично набуває fullвластивість angular.versionоб'єкта.]

"1.4.3"

Отже, щоб побачити повний об’єкт, якщо ви наберете

angular.version

Це дасть вам об'єкт повної версії, що містить інформацію про версію, як повне, мажорне, другорядне, а також кодове ім'я, наприклад

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

За допомогою цієї команди ви можете дізнатись кутову версію для будь-якого веб-сайту, який ви відвідуєте, якщо він використовує рамки.
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.)


Зручно, якщо ваша програма Angular ще не запущена! Але працює, лише якщо у вас є вихідний код, звичайно. Для інтернет-віддаленої програми див. Відповідь Тоні Донга , огляд основного кутового тегу в DOM, здається, працює для будь-якої версії Angular2 +.
Pac0

24

Тепер це ng -v

Якщо ви використовуєте кутовий кліп, то можете перевірити його використання

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) дивіться у кутовій документації angularJS та angular 2+


2
ng -v не працює в останній кутовій версії (я перевірив на кутовий 8)
Srikrushna

14

Для кута 4 багато варіантів більше не працюють. Оновлення липня 2017 р. Два можливості:

1) Найпростіший - це відкрити package.json нашого проекту та перевірити використовувані версії, серед яких та Angular.

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

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

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


Отже, хто з усіх рядків говорить, яка це версія Angular?
порошок366

1
@ powder366 @angular/coreта братів і сестер (тут це означає, що це Angular 4, остання версія через ^передню
частину

10

Іншим способом було б імпортувати VERSIONконстанту з, @angular/coreа потім скидати на консоль:

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

Працює в:

Не впевнені в кутових 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 7 має команду "ng version", яка включає кутову версію
Dynrepsys

6

Якщо ви використовуєте angular-cli, просто використовуйте команду:

ng v

5

Для кутового використання 4+,

  • ng версія
  • ng v

Зверніть увагу, що опція 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. Ви використовуєте таку команду:

ng --перевернення

Команда вище призведе до наступного виводу:

Кутова CLI: 7.0.3

Вузол: 9.4.0

ОС: darwin x64

Кутовий: 7.0.1

... анімація, загальна, компілятор, компілятор-клі, ядро, форми

... http, мова-сервіс, платформа-браузер

... платформа-браузер-динамічний, роутер

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


@ angular-devkit / архітектор 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 / схем 7.0.3

@ кутова / клі 7.0.3

@ ngtools / webpack 7.0.3

@ схема / кутова 7.0.3

@ схема / оновлення 0.10.3

rxjs 6.3.3

машинопис 3.1.4

вебпакет 4.19.1

Отже, версія Angular, Angular CLI, Node та багатьох інших пакетів можна перевірити звідси.


3

Якщо ви використовуєте редактор коду VS

Перейдіть на панель Explorer ліворуч -> знайдіть package.json та відкрийте її -> в залежності від find @ angular / core.

Це ваша кутова версія, оскільки основна особливість - основна

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

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


3

Для кутових 1 або 2 (але не для кутових 4+):

Ви також можете відкрити консоль і перейти на вкладку елементів на інструментах для розробників будь-якого браузера, який ви використовуєте.

Або

Введіть angular.version для доступу до об'єкта Javascript, який містить кутову версію.

Для кутових 4+ Існує кількість способів, перелічених нижче:

Запишіть код нижче в командному рядку / або в терміналі у коді VS. (До 3)

  1. версія ng або ng - конверсія (Знайдіть зображення для довідок)
  2. ng v
  3. нг -в

У терміналі ви можете знайти кутовий варіант, як показано на доданому зображенні: введіть тут опис зображення

  1. Ви також можете відкрити консоль і перейти на вкладку елементів на інструментах для розробників будь-якого браузера, який ви використовуєте. Як показано на зображенні нижче:

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

  1. Знайдіть файл package.json, Ви знайдете всі встановлені залежності та їх версію.


2

У папці проекту відкрийте командний термінал і введіть

ng -v

він дасть вам список елементів, завдяки чому ви зможете побачити кутову версію. Дивіться скріншот.

подробиці версії


4
Кутовий CLI: 1.7.3 Вузол: 8.9.0 ОС: win32 x64 Кутовий: ... не відображається відповідно до знімка екрана
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-vзовнішню проект кутового проекту, він відображатиметься лише у вигляді кутової версії.


так, якщо ви хочете побачити версію Angular, вам доведеться зайти в папку проекту.
Геро

1

введіть тут опис зображенняУ новій версії кутового кліпу [ng -v] не працюватиме. Вам доведеться набрати [ng-версію].


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-програми повідомляє AngularJS, що це основний елемент програми AngularJS.

Усі програми AngularJS повинні мати кореневий елемент.



0

Ви також можете перевірити це, оглянувши елементи на сторінці:

  1. натисніть F12, щоб відкрити інструменти для розробників браузера.

  2. Огляньте елемент.

  3. Розгорніть тіло

  4. Ви побачите версію Angular, наприклад:

ng-version = "4.3.6"

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.