Comment vérifier la version angulaire?

J'ai installé le @angular/clipackage via npm, en utilisant cette commande:

npm install -g @angular/cli

La version 1.4.2 de @ angular / cli a été installée avec succès. Mais ce n'est pas la version Angular, mais la version CLI.

Après avoir exécuté, ng new myappcomment puis-je vérifier la version angulaire de l'application créée? 2.x, 4.x?

ng version

Vous avez installé angular cli globalement (-g dans la commande). Cela signifie que vous pouvez taper ng versiondans votre invite de commande. Il peut être plus précis pour le faire lorsque l' invite de commande est pas dans un répertoire contrôlé NPM (vous devez taper dans ce répertoire au sein que vous avez saisi ng new myapp).

Une note à ceux qui sont venus ici de Google: ng version vous permettra de savoir quelle version (grossière) d'Angular est référencée par le répertoire actuel. Par exemple, ce répertoire semble avoir angular 4.x (~ 4.3.0) installé.

@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

Si vous n'êtes pas dans un répertoire contenant un fichier packages.config, vous obtiendrez Angular: ....

Pour Angular 1 ou 2 (mais pas pour Angular 4+):

Vous pouvez également ouvrir la console et accéder à l'onglet Élément sur les outils de développement du navigateur que vous utilisez.

Ou

Tapez angular.version pour accéder à l'objet Javascript contenant la version angulaire.

Pour Angular 4+, il existe le nombre de façons énumérées ci-dessous:

Écrivez le code ci-dessous dans l'invite de commande / ou dans le terminal dans le code VS. (jusqu'à 3)

1. ng version ou ng --version (Trouvez l'image pour la référence)
2. ng v
3. ng -v

Dans le terminal, vous pouvez trouver la version angulaire comme indiqué dans l'image ci-jointe:

4. Vous pouvez également ouvrir la console et accéder à l'onglet Élément sur les outils de développement du navigateur que vous utilisez. Comme affiché dans l'image ci-dessous:

5. Trouvez le fichier package.json, vous trouverez toutes les dépendances installées et leur version.

Vous devez vérifier le fichier package.json dans le projet. Vous y verrez tous les packages installés et les versions de ces packages.

En ligne de commande, nous pouvons vérifier notre version ng installée.

ng -v OR ng --version OR ng version

Cela vous donnera comme ceci:

 _                      _                 ____ _     ___

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

Angular CLI: 1.6.5
Node: 8.0.0
OS: linux x64
Angular: 
...

ng v

Exécutez simplement la commande ci-dessus dans le terminal.

Je pense que la réponse donnée par D. Squire était exacte, mais peut-être seulement un peu vague. Si vous changez de répertoire pour un projet puis tapez ng --version, il affichera la version angulaire dans le projet. Si cela est fait à partir d'un répertoire par défaut (pas dans un projet), vous n'obtiendrez que la version Angular CLI, ce qui n'est probablement pas ce que vous recherchez et donnera la sortie affichée par Vik2696.

$ 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 ne produit que peu de chose de plus que la version.

Si vous ne voulez que la version, vous pouvez ajouter un tube grep et un filtre angulaire comme:

ng v | grep 'Angular:'

PRODUCTION:

Angular: #.#.# <-- VERSION

Pour cela, j'ai un alias qui est

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

Ensuite, utilisez simplement ngv

exécuter la version ng

puis vérifiez simplement la version du package angular core.

@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

Dans le terminal, saisissez soit ng -vou ng --version.

1. ng v
2. ng --v

vous verrez quelque chose comme ce qui suit:

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

La version angulaire est dans la ligne 4 ci-dessus

Il existe de nombreuses façons, vous vérifiez la version angulaire Il suffit de lancer l'invite de commande (pour Windows) et de taper

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

Compréhension complète de la subversion à propos de (xxx), veuillez consulter la documentation angulaire angularJS et angular 2+

À partir de angulaire 7, les deux commandes suivantes fonctionnent

ng --version 
ng version

Installez d'abord Angular / cli globalement dans la machine. pour installer angular / cli exécutez la commande npm install -g @ angular / cli

Au dessus d'Angular7, utilisez ces deux commandes pour connaître la version d'Angular / Cli 1. ng --version, 2. ng version

vérifiez l'invite de commande

ng --version OU ng version OU ng -v

La commande ng --version renvoie les détails de la version de Angular CLI installée

ng --version

vous pouvez regarder cette vidéo pour installer la dernière version angulaire. https://youtu.be/zqHqMAWqpD8

mes 2 cents, dans Angular 9 (n'a pas vérifié les anciennes versions), vous pouvez trouver la version angulaire dans les attributs root div et c'est ainsi que j'affiche la version actuelle dans le composant racine de l'application (extrayez-la et enregistrez-la dans mon Global pour une utilisation dans d'autres composants :

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