Wie kann ich überprüfen, welche Version von Angular ich verwende?

301

Wie kann ich feststellen, welche Version von Angular ich verwende?

Ich habe versucht:

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

aber bekommen -bash: angular: command not found

Ich weiß daran, yeoman --versiondass ich benutze0.9.6

Aber wie bekommt man die AngularJS-Version?

FluxEngine
quelle
Können Sie bitte eine andere Antwort akzeptieren? @ lolskis Antwort ist viel besser
Kolob Canyon
Leos Antwort (siehe winkelbezogene Linien in package.json) funktioniert für jede Version von AngularJS (1) oder Angular 2+. Die Antwort von Tony Dong (Anwendungs-Tag in DOM überprüfen) funktioniert für jede Version von Angular 2 oder höher. Loliskis funktioniert nur für 1 und 2, nicht für größere Versionen. Die akzeptierte Antwort (TheHippo) funktioniert nur für AngularJS (1)
Pac0
Ist es sinnvoll, die Frage mit eckig und eckig zu versehen? Sie sind beide völlig unterschiedliche Bibliotheken. Es wäre viel sinnvoller, jeweils eine Frage zu haben. Dann wäre die akzeptierte Antwort beim Hinzufügen des neuen Tags nicht teilweise ungültig geworden.
Paul Rooney

Antworten:

216

Bearbeiten: Als diese Antwort geschrieben wurde, gab es nur AngularJS 1.x. Suchen Sie in den Antworten unten nach Winkelversionen> = 2.

AngularJS verfügt nicht über ein Befehlszeilenprogramm.

Sie können die Versionsnummer aus der JavaScript-Datei selbst abrufen.

Kopfzeile des Stroms angular.js:

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */
TheHippo
quelle
76
Sie können angle.version schreiben, die eine Version von angle angibt.
Nishchit Dhanani
2
@AfshinMoazami spielt keine Rolle. Es befindet sich im Kommentar oben in der Datei. Aus Lizenzgründen sollten Sie den Kommentar nicht löschen.
TheHippo
3
Erstens ist es beim Minimieren nicht einfach, in einer großen Datei nach einer Lizenz zu suchen. Zweitens ist es nicht wirklich eine gute Wahl, sich auf Lizenzdateien / -kommentare zu verlassen, da sich diese durch einen kleineren Fehler ändern können.
Afshin Moazami
3
Das Risiko dieser Antwort besteht darin, dass möglicherweise mehrere Winkelabhängigkeiten berücksichtigt werden und sichergestellt ist, welche Version der Browser tatsächlich lädt.
Malkus
7
Wo befindet sich die Datei angle.js?
Myroslav
301

Für Winkel 1 oder 2 (aber nicht für Winkel 4+):

Sie können die Konsole auch in den Entwicklertools des von Ihnen verwendeten Browsers öffnen und eingeben, angular.versionum auf das Javascript-Objekt zuzugreifen, das die eckige Version enthält.

Sehr nützlich, wenn das Skript ohne Header-Kommentar minimiert wird.

lolski
quelle
22
angle.version.full enthält die Vollversion (z. B. "1.2.16") als Zeichenfolge
Guillaume,
6
Beste Antwort, die akzeptierte wird unmöglich sein, wenn die minimierte Version verwendet wird
Alfredo A.
9
angular.version und angular.version.full funktionieren in Version 4 nicht, aber die HTML-Version 'ng-version' ist sichtbar.
DFBerry
5
Nicht gefangener Referenzfehler: Winkel ist nicht definiert bei <anonym>: 1: 1
Anuj
166

Bei Angular 2+ können Sie in jedem modernen Browser mit Entwicklungswerkzeugen (F12) das Anwendungs-Tag der obersten Ebene überprüfen.

Für Internet Explorer 11 oder Edge finden Sie Informationen hier:Winkelversionsnummer

Funktioniert für den Angular 2+ Chrome-Browser

Geben Sie hier die Bildbeschreibung ein

Firefox Firebug

Geben Sie hier die Bildbeschreibung ein

Tony Dong
quelle
1.5.7
Ich sehe
19
Danke, das hat angular.versionbei mir nicht funktioniert
J4N
Funktioniert auch für Winkel 5. In jedem Browser, der das DOM anzeigen kann, was heutzutage alle modernen Deskto-Browser bedeutet.
Pac0
111

Wenn Sie verwenden angular-cli, können Sie dies einfach durch Eingabe überprüfen

ng -v

oder ng vin Winkel 8, in Terminal oder Bash. Hinweis: Führen Sie den Befehl im Projektverzeichnis aus.

Sie sollten so etwas bekommen:

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
quelle
13
Ah, ich war festgefahren. Wenn ich 'ng -v' in einen Nicht-Projektordner eingebe, wird nur die AngularCLI-Version angezeigt - ich dachte, es würde alle Informationen enthalten. Wenn Sie es jedoch aus einem von cli erstellten Projektordner eingeben, erhalten Sie alle Details zu den von diesem Ordner verwendeten Angular-Versionen
Drenai
3
Winkelversion stattdessen in Winkel 7.0.2.
Mijiturka
Beachten Sie, dass Sie möglicherweise Pakete unter einer anderen Version von Node installiert haben, wenn Sie NVM verwenden und keine Pakete sehen, von denen Sie wissen, dass Sie sie installiert haben. Eine Möglichkeit besteht darin, von einer früheren Version auf Ihre aktuelle Version zu migrieren. Weitere Informationen finden Sie unter github.com/creationix/… .
Samurai_jane
2
ng v in Angular 8
Brian Ogden
75

In der Entwicklerkonsole des Browsers (drücken Sie F12, um sie zu öffnen) können Sie Folgendes eingeben:

angular.version.full

Sie erhalten die Vollversion, z. B. (abhängig von Ihrer aktuellen Version). [Es erhält tatsächlich die fullEigenschaft eines angular.versionObjekts.]

"1.4.3"

Also, um das vollständige Objekt zu sehen, wenn Sie eingeben

angular.version

Sie erhalten das Vollversionsobjekt mit Versionsinformationen wie Voll-, Haupt-, Neben- und auch den Codenamen, z

Object {full: "1.4.3", major: 1, minor: 4, dot: 3, codeName: "foam-acceleration"}
Suman Barick
quelle
Mit diesem Befehl können Sie die Angular-Version für jede Website ermitteln, die Sie besuchen, sofern das Framework verwendet wird.
Cezar
39

Sie können auch Ihre package.json überprüfen :

"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",
  }

(Das Caret ^aktualisiert Sie auf die neueste Hauptversion (die erste Nummer). ^4.3.0Entspricht jeder 4.x.xVersion, einschließlich 4.4.0, hält aber an 5.0.0. Die Tilde ~stimmt mit der neuesten Nebenversion (der mittleren Nummer) ~4.3.0überein . Stimmt mit allen 4.3.xVersionen überein , aber wird fehlen 4.4.0.)

Löwe
quelle
Praktisch, wenn Ihre Angular-Anwendung noch nicht gestartet ist! Funktioniert aber natürlich nur, wenn Sie den Quellcode haben. Eine Online-Remote-Anwendung finden Sie in der Antwort von Tony Dong. Die Überprüfung des Hauptwinkel-Tags im DOM scheint für jede Angular2 + -Version zu funktionieren.
Pac0
24

Jetzt ist es ng -v

Wenn Sie Angular Cli verwenden, können Sie die Verwendung überprüfen

ng --version

Jetzt ist es ng -v

Oder Sie können auch einchecken

pakage.json Datei

 "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
quelle
23

Es gibt viele Möglichkeiten, die Winkelversion zu überprüfen. Einfach die Eingabeaufforderung comand (für Windows) eingeben und eingeben

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

Überprüfen Sie die Winkelversion mit der Befehlszeile

4. You can pakage.json file

Überprüfen Sie die Winkelversion in der Datei pakage.json

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

Überprüfen Sie die Winkelversion in Ihrem Browser

Vollständiges Verständnis der Subversion über (xxx) finden Sie in der Winkeldokumentation angleJS und angle 2+

Srikrushna
quelle
2
ng -v funktioniert nicht in der neuesten Winkelversion (ich habe nach Winkel 8
gesucht
14

In Angular 4 funktionieren viele der Optionen nicht mehr. Update Juli 2017 Zwei Möglichkeiten:

1) Am einfachsten ist es, die package.json unseres Projekts zu öffnen und die verwendeten Versionen zu überprüfen, darunter die von Angular.

Geben Sie hier die Bildbeschreibung ein

2) Nach dem Ausführen von ng serve öffnen wir den Inspektor der Elemente des Explorers, die wir verwenden, und können die Version wie im folgenden Bild beobachten.

Geben Sie hier die Bildbeschreibung ein

Hugo LM
quelle
Welche aus allen Zeilen sagt also, um welche Version von Angular es sich handelt?
Pulver366
1
@ Pulver366 @angular/coreund die Geschwister (hier bedeutet dies, dass dies Angular 4 ist, das neueste Update aufgrund der ^Vorderseite)
Pac0
10

Eine andere Möglichkeit wäre, eine VERSIONKonstante von zu importieren @angular/coreund dann auf die Konsole zu übertragen, mit:

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

Arbeitet in:

Ich bin mir bei Angular 2 und 3 nicht sicher (wenn jemand das testen könnte; Seiten sind nicht verfügbar)


Für AngularJS 1.x verwenden Sie angular.version:

console.log(angular.version); //1.7.4
Eric
quelle
6

Achtung : Im Folgenden wird nur die Angular-CLI-Version überprüft !!!:

Beide Befehle funktionieren:

ng -v

oder

ng v

Geben Sie hier die Bildbeschreibung ein

Legenden
quelle
1
Dies ist die Version von "Angular CLI", nicht die Version von "Angular".
Mareoraft
Angular CLI
6

Wenn Sie verwenden angular-cli, verwenden Sie einfach den Befehl:

ng v
Mwiza
quelle
5

Für Winkel 4+ verwenden,

  • ng version
  • ng v

Bitte beachten Sie, dass die Option ng -v in Angular 7+ nicht funktioniert.

javapedia.net
quelle
5

Renn einfach ng v im Befehl ausführen

Sie erhalten Ergebnis wie

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
quelle
3

Es gibt mehrere Möglichkeiten:

  1. Sie können dies anhand Ihrer Datei package.json überprüfen
  2. Sie verwenden den folgenden Befehl:

ng --version

Der obige Befehl führt zu folgender Ausgabe:

Angular CLI: 7.0.3

Knoten: 9.4.0

Betriebssystem: Darwin x64

Winkel: 7.0.1

... Animationen, Common, Compiler, Compiler-Cli, Core, Formulare

... http, Sprachdienst, Plattformbrowser

... Plattform-Browser-dynamisch, Router

Paketversion


@ Angular-Devkit / Architekt 0.10.3

@ angle-devkit / build-angle 0.10.3

@ angle-devkit / build-optimizer 0.10.3

@ angle-devkit / build-webpack 0.10.3

@ angle-devkit / core 7.0.3

@ angle-devkit / schematics 7.0.3

@ angle / cli 7.0.3

@ ngtools / webpack 7.0.3

@ schematics / angle 7.0.3

@ schematics / update 0.10.3

rxjs 6.3.3

Typoskript 3.1.4

Webpack 4.19.1

Daher kann die Version von Angular, Angular CLI, Node und vielen anderen Paketen von hier aus überprüft werden.

Bilal Ahmed Yaseen
quelle
3

Wenn Sie den VS-Code-Editor verwenden.

Gehen Sie zum Explorer-Bereich auf der linken Seite -> suchen Sie package.json und öffnen Sie es -> finden Sie unter Abhängigkeiten @ angle / core.

Dies ist Ihre eckige Version, da der Kern das Hauptmerkmal ist

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Manoj Kalluri
quelle
3

Für Winkel 1 oder 2 (aber nicht für Winkel 4+):

Sie können auch die Konsole öffnen und in den Entwicklertools des von Ihnen verwendeten Browsers zur Registerkarte "Elemente" wechseln.

Oder

Geben Sie angle.version ein, um auf das Javascript-Objekt zuzugreifen, das die Angular-Version enthält.

Für Angular 4+ gibt es die folgenden Möglichkeiten:

Schreiben Sie den folgenden Code in die Eingabeaufforderung / oder in das Terminal im VS-Code (bis zu 3).

  1. ng version oder ng --version (Finden Sie das Bild als Referenz)
  2. ng v
  3. ng -v

Im Terminal finden Sie die Winkelversion wie im beigefügten Bild gezeigt: Geben Sie hier die Bildbeschreibung ein

  1. Sie können auch die Konsole öffnen und in den Entwicklertools des von Ihnen verwendeten Browsers zur Registerkarte "Elemente" wechseln. Wie im folgenden Bild dargestellt:

Geben Sie hier die Bildbeschreibung ein

  1. Suchen Sie die Datei package.json. Sie finden alle installierten Abhängigkeiten und ihre Version.
Trilok Pathak
quelle
3

Für AngularJS - Verwenden angular.version

console.log(angular.version);
<script src="//unpkg.com/angular/angular.js"></script>

Weitere Informationen finden Sie unter

georgeawg
quelle
2

Öffnen Sie in Ihrem Projektordner das Befehlsterminal und geben Sie ein

ng -v

Sie erhalten eine Liste mit Elementen, in der Sie die eckige Version sehen können. Siehe den Screenshot.

Versionsdetails

Akbar Badhusha
quelle
4
Angular CLI: 1.7.3 Knoten: 8.9.0 Betriebssystem: win32 x64 Angular: ... wird nicht gemäß Screenshot angezeigt
Devang Solanki
2

Version nach Winkel 2 können Sie vom Terminal aus verwenden,

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
quelle
1

Gehen Sie einfach über das Terminal in Ihr eckiges Projektverzeichnis und ng -vgeben Sie alle Informationen wie folgt an

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

Wenn Sie die ng-vDirektwinkelprojektion außerhalb überprüfen , wird nur die Winkel-CLI-Version angezeigt.

Kamal Kumar
quelle
Ja, wenn Sie die Angular-Version sehen möchten, müssen Sie sich in einem Projektordner befinden.
Gero
1

Geben Sie hier die Bildbeschreibung einIn der neuen Version von Angular Cli funktioniert [ng -v] nicht. Sie müssen [ng version] eingeben.

SwarupOVO
quelle
0

Es wird hier sein ..

../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
quelle
0

Sie können einfach das ng version eingeben

Jeff
quelle
0

Es ist sehr einfach, Sie können in der package.jsonDatei sehen

user1012506
quelle
0

Wie bei der obigen Antwort können Sie den Browser überprüfen, indem Sie das Element überprüfen. Wenn es sich um AngularJS handelt, sehen wir etwas wie das Folgende.

Die ng-app-Direktive teilt AngularJS mit, dass dies das Stammelement der AngularJS-Anwendung ist.

Alle AngularJS-Anwendungen müssen ein Root-Element haben.

Smitha
quelle
0

Für Angular JS finden Sie es in der Datei angle-animate.js wie folgt:

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

Zakir Hossain
quelle
0

Sie können dies auch überprüfen, indem Sie die Elemente auf der Seite überprüfen:

  1. Drücken Sie F12, um die Entwicklertools des Browsers zu öffnen.

  2. Untersuche ein Element.

  3. Körper erweitern

  4. Sie sehen die Version von Angular wie folgt:

ng-version = "4.3.6"

Nav
quelle