Wie überprüfe ich die Angular-Version?

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?

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: ....

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:

4. 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:

5. Suchen Sie die Datei package.json. Sie finden alle installierten Abhängigkeiten und ihre Version.

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

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: 
...

ng v

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

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

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

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

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

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

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

4. You can pakage.json file

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

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

Ab Winkel 7 funktionieren die folgenden zwei Befehle

ng --version 
ng version

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 , um die Version von Angular / Cli 1 zu kennen. ng --version, 2. ng version

Überprüfen Sie die Eingabeaufforderung

ng --version ODER ng version ODER ng -v

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

ng --version

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

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);
    ....
  }
}