Wie überprüfe ich die Angular-Version?

123

Ich habe das @angular/cliPaket über npm mit diesem Befehl installiert :

npm install -g @angular/cli

Die Version 1.4.2 von @ angle / cli wurde erfolgreich installiert. Dies ist jedoch nicht die Angular-Version, sondern die CLI-Version.

ng new myappWie kann ich nach dem Ausführen überprüfen, welche Angular-Version die erstellte App ist? 2.x, 4.x?

Vinicius Brasilien
quelle

Antworten:

191
ng version

Sie haben Angular Cli global installiert (-g im Befehl). Dies bedeutet, dass Sie ng versionin Ihre Eingabeaufforderung eingeben können. Dies ist möglicherweise genauer, wenn sich Ihre Eingabeaufforderung nicht in einem von npm gesteuerten Verzeichnis befindet (Sie sollten dies in das von Ihnen eingegebene Verzeichnis eingeben ng new myapp).

Ein Hinweis für diejenigen, die von Google hierher gekommen sind: Hier ng version erfahren Sie, auf welche (grobe) Version von Angular im aktuellen Verzeichnis verwiesen wird. zB In diesem Verzeichnis scheint Angular 4.x (~ 4.3.0) installiert zu sein.

@angular/cli: 1.2.1
node: 8.11.1
os: win32 x64
@angular/common: 4.3.0
@angular/compiler: 4.3.0
@angular/core: 4.3.0
@angular/forms: 4.3.0
@angular/http: 4.3.0
@angular/platform-browser: 4.3.0
@angular/platform-browser-dynamic: 4.3.0
@angular/router: 4.3.0
@angular/cli: 1.2.1
@angular/compiler-cli: 4.3.0

Wenn Sie sich nicht in einem Verzeichnis befinden, das eine packages.config enthält, erhalten Sie Angular: ....

D. Knappe
quelle
4
Die ng-Version bietet keine eckige Version. Sie müssen package.json überprüfen, um die eckige Version zu kennen
Suresh Kamrushi
@ SureshKamrushi Ich kann dies unterstützen, es zeigte alles außer der Version
Kolob Canyon
4
ng versionbietet de Angular-Version, wenn Sie sich im Projektordner befinden.
Vinicius Brasil
Wenn Sie sich im Projektordner befinden, wird die ng-Version die vom Projekt verwendete Angular-Version zusammen mit anderen Informationen wie Angular-CLI-Version, Knotenversion, TypeScript-Version, Webpack-Version, RXJS-Version usw.
bereitstellen
36

Für Winkel 1 oder 2 (jedoch 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
13

Sie sollten die Datei package.json im Projekt überprüfen. Dort sehen Sie alle installierten Pakete und Versionen dieser Pakete.

alexKhymenko
quelle
11

In der Kommandozeile können wir unsere installierte ng-Version überprüfen.

ng -v OR ng --version OR ng version

Dies wird Ihnen Folgendes geben:

 _                      _                 ____ _     ___

   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/

Angular CLI: 1.6.5
Node: 8.0.0
OS: linux x64
Angular: 
...
Vik2696
quelle
1
@viki, ist dieser Winkel 5 können Sie mir sagen, wie wir identifizieren, welcher Winkel 4,3,5 ist
Vinoth
1
@vinod. Angular CLI:> 1.3 wird als Anguar 5 betrachtet. Darunter befindet sich Angular 4.
Vik2696
6
Kannst du mir erklären, warum es heißt Angular: ... sollte es dort nicht die Version anzeigen?
Kolob Canyon
1
Es ist 2020 und Angular 9 ist da! Und ich sehe immer noch ... als meine Angular-Version. Warum zeigt es sich so?
Prateek Kumar Dalbehera
7

ng v

Führen Sie einfach den obigen Befehl im Terminal aus.

Mwiza
quelle
2

Ich denke, die Antwort von D. Squire war richtig, aber möglicherweise nur ein bisschen vage. Wenn Sie Verzeichnisse in ein Projekt ändern und dann ng --version eingeben, wird die Winkelversion im Projekt angezeigt. Wenn dies aus einem Standardverzeichnis (nicht innerhalb eines Projekts) erfolgt, erhalten Sie nur die Angular CLI-Version, die wahrscheinlich nicht das ist, wonach Sie suchen, und die von Vik2696 angezeigte Ausgabe.

$ cd my-project
$ ng --version   // done within project directory

Angular CLI: 1.6.8
Node: 8.9.4
OS: win32 x64
Angular: 5.2.5
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.6.8
@angular-devkit/build-optimizer: 0.0.42
@angular-devkit/core: 0.0.29
@angular-devkit/schematics: 0.0.52
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.8
@schematics/angular: 0.1.17
typescript: 2.5.3
webpack: 3.10.0
Douglas Larson
quelle
2

Angular CLI ng v gibt nur wenige Dinge aus als nur die Version.

Wenn Sie nur die Version davon möchten, können Sie Pipe Grep hinzufügen und nach Winkeln filtern wie:

ng v | grep 'Angular:'

AUSGABE:

Angular: #.#.# <-- VERSION

Dafür habe ich einen Alias, der ist

alias ngv='ng v | grep 'Angular:''

Dann benutze einfach ngv

T04435
quelle
2

ng Version ausführen

Überprüfen Sie dann einfach die Version des Winkelkernpakets.

@angular/cli: 1.2.6
node: 8.11.1
os: win32 x64
@angular/animations: 4.3.2
@angular/common: 4.3.2
@angular/compiler: 4.3.2
**@angular/core: 4.3.2**
@angular/forms: 4.3.2
P. Singh
quelle
2

Geben Sie im Terminal entweder ng -voder ein ng --version.

Herr Coder
quelle
1
  1. ng v
  2. ng --v

Sie werden so etwas wie das Folgende sehen:

Angular CLI: 7.3.8
Node: 10.15.1
OS: win32 x64
Angular: 5.2.10
... animations, common, compiler, core, forms, http
... platform-browser, platform-browser-dynamic, router

Die Winkelversion befindet sich in Zeile 4 oben

Akash Yellappa
quelle
1

Es gibt viele Möglichkeiten, die Winkelversion zu überprüfen. Sie müssen lediglich 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
0

Ab Winkel 7 funktionieren die folgenden zwei Befehle

ng --version 
ng version
Subhashis
quelle
0

Installieren Sie zuerst Angular / cli global in der Maschine. Um den Angular / CLI zu installieren, führen Sie den Befehl npm install -g @ angle / cli aus

Verwenden Sie über Angular7 diese beiden Befehle Geben Sie hier die Bildbeschreibung ein, um die Version von Angular / Cli 1 zu kennen. ng --version, 2. ng version

Narendra Reddy
quelle
0

Überprüfen Sie die Eingabeaufforderung

ng --version ODER ng version ODER ng -v

Prithivi Raj
quelle
0

Der Befehl ng --version gibt die Details der installierten Version von Angular CLI zurück

Sunil T.
quelle
-1
ng --version

Sie können dieses Video ansehen, um die neueste Winkelversion zu installieren. https://youtu.be/zqHqMAWqpD8

ZOEY169
quelle
-1

Meine 2 Cent, in Angular 9 (ältere Versionen wurden nicht überprüft) finden Sie die Angular-Version in den Root-Div-Attributen. Auf diese Weise zeige ich die aktuelle Version in der App-Root-Komponente an (extrahiere und speichere sie in meinem Global für die Verwendung in anderen Komponenten ::

import { Component, ElementRef } from "@angular/core";
....
@Component({
  selector: 'app-root',
  templateUrl: `<div>
    <h1>TestApp: .NetCore3.1 + PostgreSql 12 + Angular {{ngVersion}}</h1>
</div>
....
 `
})
export class AppComponent {
  ngVersion: string;
  constructor(private router: Router, private el: ElementRef) {
    ....    
    //read ng-verion and save it in Global's
    Global.ngVersion = this.el.nativeElement.getAttribute("ng-version");
    this.ngVersion = Global.ngVersion.substring(0, 1);
    ....
  }
}
Ivica Buljević
quelle