Jak mogę sprawdzić, której wersji Angular używam?


301

Jak mogę sprawdzić, której wersji Angular używam?

Próbowałem:

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

ale dostań -bash: angular: command not found

Wiem przez yeoman --versionto, że używam0.9.6

Ale jak zdobyć wersję angularjs?


Czy możesz zaakceptować inną odpowiedź? Odpowiedź Lolskiego jest znacznie lepsza
Kanion Kolob

Odpowiedź Leo (spójrz na powiązane linie kątowe w pakiecie.json) działa dla każdej wersji AngularJS (1) lub Angular 2+. Odpowiedź Tony Donga (sprawdź znacznik aplikacji w DOM) działa dobrze dla każdej wersji Angulara 2 lub wyższej. Jeden Loliski działa tylko dla 1 i 2, a nie dla większych wersji. Akceptowana odpowiedź (TheHippo) działa tylko dla AngularJS (1)
Pac0

Czy sensowne jest pytanie oznaczone jako kątowe i kątowe? Obie są zupełnie różnymi bibliotekami. Bardziej sensowne byłoby mieć jedno pytanie dla każdego. Wtedy zaakceptowana odpowiedź nie zostałaby częściowo unieważniona po dodaniu nowego tagu.
Paul Rooney,

Odpowiedzi:


216

Edycja: Kiedy ta odpowiedź została napisana, był tylko AngularJS 1.x. Spójrz w poniższych odpowiedziach na wersje kątowe> = 2.

AngularJS nie ma narzędzia wiersza poleceń.

Numer wersji można uzyskać z samego pliku JavaScript.

Nagłówek bieżącego angular.js:

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

76
Możesz napisać angular.version, który daje wersję angular.
Nishchit Dhanani

2
@AfshinMoazami Nieważne. To jest w komentarzu na górze pliku. Ze względów licencyjnych nie należy usuwać komentarza.
TheHippo

3
Po pierwsze, po zminimalizowaniu wyszukiwanie licencji w dużym pliku nie jest łatwe. Po drugie, poleganie na pliku licencji / komentarzie nie jest naprawdę dobrym wyborem, ponieważ może ulec zmianie przez błąd minfiera.
Afshin Moazami,

3
Ryzyko tej odpowiedzi polega na tym, że istnieje wiele zależności kątowych, które mogą zostać wciągnięte i mieć pewność, która wersja jest ładowana przez przeglądarkę.
Malkus,

7
Jaka jest lokalizacja pliku angular.js?
myroslav

301

Dla Angular 1 lub 2 (ale nie dla Angular 4+):

możesz także otworzyć konsolę w narzędziach programistycznych dowolnej przeglądarki, której używasz, i wpisać, angular.versionaby uzyskać dostęp do obiektu JavaScript zawierającego wersję kątową.

Bardzo przydatne, gdy skrypt jest minimalizowany bez komentarza w nagłówku.


22
angular.version.full przechowuje pełną wersję (np. „1.2.16”) jako ciąg znaków
Guillaume

6
Najlepsza odpowiedź, zaakceptowana będzie niemożliwa, jeśli użyjesz wersji zminimalizowanej
Alfredo A.,

9
angular.version i angular.version.full nie działają w wersji 4, ale widoczny jest html „ng-version”.
DFBerry

5
Nieprzechwycony błąd: błąd nie jest zdefiniowany w <anonimowy>: 1: 1
Anuj

166

W przypadku Angulara 2+ w dowolnej nowoczesnej przeglądarce mającej narzędzia programistyczne (F12) można sprawdzić znacznik aplikacji najwyższego poziomu.

W przypadku przeglądarki Internet Explorer 11 lub Edge informacje można znaleźć tutaj:Numer wersji kątowej

Działa w przeglądarce Angular 2+ Chrome

wprowadź opis zdjęcia tutaj

Firefox Firebug

wprowadź opis zdjęcia tutaj


Nie widzę tego atrybutu elementu dla wersji kątowej1.5.7
mihai

19
Dziękuję, angular.versionto nie działało u mnie
J4N

Działa również dla kątownika 5. W dowolnej przeglądarce zdolnej do wyświetlania DOM, co oznacza wszystkie współczesne przeglądarki stacjonarne.
Pac0,

111

Jeśli używasz angular-cli, możesz to łatwo sprawdzić, pisząc

ng -v

lub ng vw Angular 8, w Terminalu lub Bash. Uwaga: Uruchom polecenie w katalogu projektu.

Powinieneś dostać coś takiego:

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
Ach, utknąłem na tym. Jeśli wpiszesz „ng -v” w folderze nieprojektowym, to po prostu daje tylko wersję AngularCLI - myślałem, że dostarczy wszystkich informacji. Ale wpisanie go w folderze projektu utworzonym przez CLI zawiera wszystkie szczegóły dotyczące wersji Angular, których używa ten folder
Drenai

3
wersja kątowa zamiast w Angular 7.0.2.
mijiturka

Pamiętaj, że jeśli używasz NVM i nie widzisz pakietów, o których wiesz, że zainstalowałeś, być może zainstalowałeś je pod inną wersją Węzła. Jedną z opcji jest migracja z poprzedniej wersji do bieżącej wersji. Zobacz więcej szczegółów na github.com/creationix/… .
samurai_jane

2
ng v w Angular 8
Brian Ogden,

75

W konsoli programisty przeglądarki (naciśnij klawisz F12, aby ją otworzyć), możesz wpisać następujące polecenie,

angular.version.full

da ci pełną wersję, np. (w zależności od twojej bieżącej wersji). [Faktycznie otrzymuje fullwłaściwość angular.versionobiektu.]

"1.4.3"

Tak, aby zobaczyć pełny obiekt, jeśli wpiszesz

angular.version

Daje ci pełny obiekt wersji zawierający informacje o wersji, takie jak pełna, główna, mniejsza, a także nazwa kodowa, np

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

Za pomocą tego polecenia możesz znaleźć wersję Angular dla dowolnej witryny, którą odwiedzasz, o ile korzysta ona z frameworka.
cezar

39

Możesz również sprawdzić plik 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",
  }

(Kreska ^zaktualizuje cię do najnowszej wersji głównej (pierwsza liczba). ^4.3.0Będzie pasować do dowolnego 4.x.xwydania, w tym 4.4.0, ale będzie się utrzymywać 5.0.0. Tylda ~pasuje do najnowszej wersji mniejszej (środkowa liczba). ~4.3.0Pasuje do wszystkich 4.3.xwersji, ale będzie tęsknić 4.4.0.)


Przydatne, jeśli aplikacja Angular nie została jeszcze uruchomiona! Ale działa oczywiście tylko wtedy, gdy masz kod źródłowy. Jeśli chodzi o zdalną aplikację online, zobacz odpowiedź Tony Donga , sprawdzenie głównego znacznika kątowego w DOM wydaje się działać dla dowolnej wersji Angular2 +.
Pac0

24

Teraz jest to ng -v

Jeśli używasz kątowego cli, możesz sprawdzić użycie

ng --version

Teraz jest to ng -v

Lub możesz również się zameldować

plik 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

Istnieje wiele sposobów sprawdzania wersji kątowej. Po prostu wciśnij wiersz polecenia (dla systemu Windows) i wpisz

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

sprawdź wersję kątową za pomocą linii poleceń

4. You can pakage.json file

sprawdź wersję kątową w pliku pakage.json

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

sprawdź wersję kątową w przeglądarce

Pełne zrozumienie subversion na temat (xxx) patrz dokumentacja kątowa angularJS i angular 2+


2
ng -v nie działa w najnowszej wersji kątowej (sprawdziłem kątową 8)
Srikrushna

14

Do Angulara 4 wiele opcji już nie działa. Aktualizacja z lipca 2017 r. Dwie możliwości:

1) Najprostszym jest otwarcie pliku package.json naszego projektu i sprawdzenie używanych wersji, w tym Angulara.

wprowadź opis zdjęcia tutaj

2) Po wykonaniu usługi ng otwieramy inspektora elementów eksploratora, których używamy i możemy obserwować wersję jak na poniższym obrazku.

wprowadź opis zdjęcia tutaj


Która ze wszystkich linii mówi, która to wersja Angulara?
proszek366

1
@ powder366 @angular/corei rodzeństwo (tutaj oznacza to, że jest to Angular 4, najnowsza aktualizacja ze względu na ^przód)
Pac0


6

Uwaga : Poniższe sprawdza tylko wersję Angular-CLI !!!:

Oba polecenia działają:

ng -v

lub

ng v

wprowadź opis zdjęcia tutaj


1
To jest wersja „Angular CLI”, a nie wersja „Angular”.
mareoraft

angular cli 7 ma polecenie „ng version”, które obejmuje wersję kątową
Dynrepsys,

6

Jeśli używasz angular-cli, po prostu użyj polecenia:

ng v

5

Do użytku kątowego 4+

  • wersja
  • ng v

Pamiętaj, że opcja ng -v nie działa w Angular 7+.


5

Po prostu uruchom ng vpolecenie

Otrzymasz wynik jak

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

Istnieje wiele sposobów:

  1. Możesz to zweryfikować na podstawie pliku package.json
  2. Używasz następującego polecenia:

ng --version

Powyższe polecenie spowoduje wyświetlenie następujących danych wyjściowych:

Kątowy CLI: 7.0.3

Węzeł: 9.4.0

System operacyjny: darwin x64

Kątowy: 7.0.1

... animacje, wspólne, kompilator, kompilator-cli, rdzeń, formy

... http, serwis językowy, przeglądarka platformy

... dynamiczna platforma-przeglądarka, router

Wersja pakietu


@ 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

@ schemics / angular 7.0.3

@ schemics / update 0.10.3

rxjs 6.3.3

maszynopis 3.1.4

webpack 4.19.1

W ten sposób można zweryfikować wersję Angular, Angular CLI, Node i wiele innych pakietów.


3

Jeśli używasz edytora VS Code.

Przejdź do panelu Eksploratora po lewej stronie -> znajdź pakiet.json i otwórz go -> w zależnościach znajdź @ angular / core.

To jest twoja kątowa wersja, ponieważ rdzeń jest główną cechą

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj


3

Dla Angular 1 lub 2 (ale nie dla Angular 4+):

Możesz także otworzyć konsolę i przejść do zakładki elementu w narzędziach programistycznych dowolnej przeglądarki.

Lub

Wpisz angular.version, aby uzyskać dostęp do obiektu JavaScript zawierającego wersję kątową.

W przypadku Angulara 4+ Istnieje wiele sposobów wymienionych poniżej:

Wpisz poniższy kod w wierszu polecenia / lub w terminalu w kodzie VS. (Do 3)

  1. ng wersja lub ng --version (Znajdź obraz w celach informacyjnych)
  2. ng v
  3. ng -v

W terminalu można znaleźć wersję kątową, jak pokazano na załączonym obrazku: wprowadź opis zdjęcia tutaj

  1. Możesz także otworzyć konsolę i przejść do zakładki elementu w narzędziach programistycznych dowolnej przeglądarki. Jak pokazano na poniższym obrazku:

wprowadź opis zdjęcia tutaj

  1. Znajdź plik package.json, znajdziesz wszystkie zainstalowane zależności i ich wersje.


2

W folderze projektu otwórz terminal poleceń i wpisz

ng -v

da ci listę przedmiotów, dzięki czemu będziesz mógł zobaczyć wersję kątową. Zobacz zrzut ekranu.

szczegóły wersji


4
Angular CLI: 1.7.3 Węzeł: 8.9.0 OS: win32 x64 Angular: ... nie pokazuje się na
zrzucie

2

wersja po kątowniku 2 można używać z terminala,

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

po prostu przejdź do katalogu projektu kątowego za pośrednictwem terminala i ng -vpodaj wszystkie takie informacje

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

Jeśli ng-vzaznaczysz poza katalogiem projektu kątowego, wyświetli się tylko wersja kątowa-cli.


tak, jeśli chcesz zobaczyć wersję Angular, musisz wejść do folderu projektu.
Gero

1

wprowadź opis zdjęcia tutajW nowej wersji kątowego cli [ng -v] nie będzie działać. Musisz wpisać [ng version].


0

Będzie tutaj ..

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

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



0

Podobnie jak powyższa odpowiedź, możesz sprawdzić w przeglądarce, sprawdzając element, jeśli jest to AngularJS, możemy zobaczyć coś takiego jak poniżej.

Dyrektywa ng-app mówi AngularJS, że jest to główny element aplikacji AngularJS.

Wszystkie aplikacje AngularJS muszą mieć element główny.


0

W przypadku kątowego JS można go znaleźć w pliku angular-animate.js, jak poniżej:

/ ** * @license AngularJS v1.4.8 * (c) 2010-2015 Google, Inc. http://angularjs.org * Licencja: MIT * /


0

Możesz to również sprawdzić, sprawdzając elementy na stronie:

  1. naciśnij klawisz F12, aby otworzyć narzędzia programistyczne przeglądarki.

  2. Sprawdź element.

  3. Rozwiń ciało

  4. Zobaczysz wersję Angular, jak poniżej:

ng-version = „4.3.6”

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.