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?

FluxEngine
źródło
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
 */
TheHippo
źródło
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.

lolski
źródło
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

Tony Dong
źródło
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
István
źródło
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"}
Suman Barick
źródło
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.)

Lew
źródło
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"
  },
Sagar Jethi
źródło
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+

Srikrushna
źródło
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

Hugo LM
źródło
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
10

Innym sposobem byłoby zaimportowanie VERSIONstałej, @angular/corea następnie zrzut do konsoli za pomocą:

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

Pracuje w:

Nie jestem pewien co do Angulara 2 i 3. (jeśli ktoś mógłby to przetestować; strony nie są dostępne)


W przypadku AngularJS 1.x angular.version:

console.log(angular.version); //1.7.4
Eric
źródło
6

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

Oba polecenia działają:

ng -v

lub

ng v

wprowadź opis zdjęcia tutaj

Legendy
źródło
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
Mwiza
źródło
5

Do użytku kątowego 4+

  • wersja
  • ng v

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

javapedia.net
źródło
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
Pullat Junaid
źródło
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.

Bilal Ahmed Yaseen
źródło
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

Manoj Kalluri
źródło
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.
Trilok Pathak
źródło
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

Akbar Badhusha
źródło
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$ 
Mohideen bin Mohammed
źródło
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.

Kamal Kumar
źródło
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].

SwarupOVO
źródło
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
 */
poojan mehta PM
źródło
0

można po prostu wpisać ng version ów niego

Jeff
źródło
0

To bardzo proste, widać w package.jsonpliku

użytkownik1012506
źródło
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.

Smitha
źródło
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 * /

Zakir Hossain
źródło
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”

Nav
źródło