Comment puis-je vérifier quelle version d'Angular j'utilise?


301

Comment savoir quelle version d'Angular j'utilise?

J'ai essayé:

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

mais obtenez -bash: angular: command not found

Je sais yeoman --versionque j'utilise0.9.6

Mais comment obtenir la version angularjs?


Pouvez-vous accepter une réponse différente? La réponse de @ lolski est bien meilleure
Kolob Canyon

La réponse de Leo (regardez les lignes liées angulaires dans package.json) fonctionne pour n'importe quelle version d'AngularJS (1) ou Angular 2+. La réponse de Tony Dong (inspecter la balise d'application dans DOM) fonctionne bien pour n'importe quelle version d'Angular 2 ou supérieure. Celui de Loliski ne fonctionne que pour 1 et 2, pas pour les versions supérieures. La réponse acceptée (TheHippo) ne fonctionne que pour AngularJS (1)
Pac0

Est-il logique que la question soit étiquetée angular et angularjs? Ce sont deux bibliothèques complètement différentes. Il serait beaucoup plus logique d'avoir une question pour chacun. La réponse acceptée n'aurait alors pas été partiellement invalidée lors de l'ajout de la nouvelle balise.
Paul Rooney

Réponses:


216

Edit: Lorsque cette réponse a été écrite, il n'y avait que AngularJS 1.x. Regardez dans les réponses ci-dessous pour les versions angulaires> = 2.

AngularJS ne possède pas d'outil de ligne de commande.

Vous pouvez obtenir le numéro de version à partir du fichier JavaScript lui-même.

En-tête du courant angular.js:

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */

76
Vous pouvez écrire angular.version, qui donne la version d'angular.
Nishchit Dhanani

2
@AfshinMoazami Peu importe. C'est dans le commentaire en haut du fichier. Pour des raisons de licence, vous ne devez pas supprimer le commentaire.
TheHippo

3
Tout d'abord, quand il est minifié, il n'est pas facile de rechercher une licence dans un énorme fichier. Deuxièmement, s'appuyer sur le fichier de licence / commentaire n'est pas vraiment un excellent choix car il peut changer par un bogue minfier.
Afshin Moazami

3
Le risque de cette réponse est s'il y a plusieurs dépendances angulaires susceptibles d'être récupérées et de savoir quelle version le navigateur est en train de charger.
Malkus

7
Quel est l'emplacement du fichier angular.js?
myroslav

301

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

vous pouvez également ouvrir la console sur les outils de développement de tout navigateur que vous utilisez et taper angular.versionpour accéder à l'objet Javascript qui contient la version angulaire.

Très utile lorsque le script est minifié sans commentaire d'en-tête.


22
angular.version.full contient la version complète (par exemple "1.2.16") sous forme de chaîne
Guillaume

6
Meilleure réponse, celle acceptée sera impossible si vous utilisez la version minifiée
Alfredo A.

9
angular.version et angular.version.full ne fonctionnent pas dans la version 4 mais la version html 'ng-version' est visible.
DFBerry

5
Uncaught ReferenceError: angular n'est pas défini à <anonymous>: 1: 1
Anuj

166

Pour Angular 2+, dans tout navigateur moderne doté d'outils de développement (F12), vous pouvez inspecter la balise d'application de niveau supérieur.

Pour Internet Explorer 11 ou Edge, vous pouvez trouver des informations ici:Numéro de version angulaire

Fonctionne pour le navigateur Chrome Angular 2+

entrez la description de l'image ici

Firebug Firefox

entrez la description de l'image ici


Je ne vois pas cet attribut d'élément pour la version angulaire1.5.7
mihai

19
Merci, le angular.versionne fonctionnait pas chez moi
J4N

Fonctionne également pour angular 5. Dans n'importe quel navigateur capable d'afficher le DOM, ce qui signifie tous les navigateurs de bureau modernes de nos jours.
Pac0

111

Si vous utilisez angular-cli, vous pouvez le vérifier facilement en tapant

ng -v

ou ng vdans Angular 8, dans Terminal ou Bash. Remarque: Exécutez la commande dans le répertoire du projet.

Vous devriez obtenir quelque chose comme ceci:

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

13
Ah, j'étais coincé là-dessus. Si je tape 'ng -v' dans un dossier non-projet, cela ne donne que la version AngularCLI - je pensais que cela donnerait toutes les informations. Mais le taper à partir d'un dossier de projet créé par cli donne tous les détails des versions angulaires que ce dossier utilise
Drenai

3
angular --version à la place dans Angular 7.0.2.
mijiturka

Gardez à l'esprit que si vous utilisez NVM et que vous ne voyez pas les packages que vous savez avoir installés, vous pouvez les avoir installés sous une version différente de Node. Une option consiste à migrer d'une version antérieure vers votre version actuelle. Voir plus de détails sur github.com/creationix/… .
samurai_jane

2
ng v dans Angular 8
Brian Ogden

75

Dans la console développeur du navigateur (appuyez sur F12 pour l'ouvrir), vous pouvez taper ce qui suit,

angular.version.full

il vous donnera la version complète, par exemple (en fonction de votre version actuelle). [Il obtient en fait la fullpropriété de l' angular.versionobjet.]

"1.4.3"

Donc, pour voir l'objet complet, si vous tapez

angular.version

Il vous donnera l'objet de version complète contenant des informations de version comme complet, majeur, mineur et aussi le codeName, par exemple

Object {full: "1.4.3", major: 1, minor: 4, dot: 3, codeName: "foam-acceleration"}

Avec cette commande, vous pouvez trouver la version angulaire de n'importe quel site Web que vous visitez, tant qu'il utilise le cadre.
cezar

39

Vous pouvez également vérifier votre 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",
  }

(Le signe d'insertion vous ^mettra à jour vers la version principale la plus récente (le premier numéro). ^4.3.0Correspondra à toute 4.x.xversion, y compris 4.4.0, mais tiendra le coup 5.0.0. Le tilde ~correspond à la version mineure la plus récente (le numéro du milieu). ~4.3.0Correspondra à toutes les 4.3.xversions, mais va manquer 4.4.0.)


Pratique si votre application Angular n'est pas encore lancée! Mais cela ne fonctionne que si vous avez le code source, bien sûr. Pour une application distante en ligne, voir la réponse de Tony Dong , inspecter la balise angulaire principale dans le DOM semble fonctionner pour n'importe quelle version Angular2 +.
Pac0

24

Maintenant c'est ng -v

Si vous utilisez cli angulaire, vous pouvez vérifier l'utilisation

ng --version

Maintenant c'est ng -v

Ou vous pouvez également vous enregistrer

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

23

Il y a plusieurs façons, vous vérifiez la version angulaire.

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

vérifier la version angulaire à l'aide de la ligne de commande

4. You can pakage.json file

vérifier la version angulaire sur le fichier pakage.json

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

vérifier la version angulaire sur votre navigateur

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


2
ng -v ne fonctionne pas dans la dernière version angulaire (j'ai vérifié pour angular 8)
Srikrushna

14

Pour Angular 4, la plupart des options ne fonctionnent plus. Mise à jour juillet 2017 Deux possibilités:

1) La plus simple est d'ouvrir le package.json de notre projet et de vérifier les versions utilisées, parmi lesquelles celle d'Angular.

entrez la description de l'image ici

2) Après avoir exécuté ng serve, nous ouvrons l'inspecteur des éléments de l'explorateur que nous utilisons et nous pouvons observer la version comme dans l'image suivante.

entrez la description de l'image ici


Alors, qui de toutes les lignes dit de quelle version d'Angular il s'agit?
powder366

1
@ powder366 @angular/coreet les frères et sœurs (ici, cela signifie qu'il s'agit d'Angular 4, dernière mise à jour en raison de l' ^avant)
Pac0

10

Une autre façon serait d'importer des VERSIONconstantes @angular/corepuis de les vider sur console avec:

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

Travaille dans:

Je ne suis pas sûr de Angular 2 et 3. (si quelqu'un pouvait le tester; les pages ne sont pas disponibles)


Pour AngularJS 1.x, utilisez angular.version:

console.log(angular.version); //1.7.4

6

Attention : Ce qui suit vérifie uniquement la version Angular-CLI !!!:

Les deux commandes fonctionnent:

ng -v

ou

ng v

entrez la description de l'image ici


1
Il s'agit de la version de "Angular CLI", pas de la version de "Angular".
mareoraft

angular cli 7 a la commande "ng version", qui inclut la version angulaire
Dynrepsys

6

Si vous utilisez angular-cli, utilisez simplement la commande:

ng v

5

Pour une utilisation angulaire 4+,

  • version ng
  • ng v

Veuillez noter que l'option ng -v ne fonctionne pas dans Angular 7+.


5

Juste exécuter la ng vcommande

Vous obtiendrez un résultat comme

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

3

Il existe plusieurs façons:

  1. Vous pouvez le vérifier à partir de votre fichier package.json
  2. Vous utilisez la commande suivante:

ng --version

La commande ci-dessus entraînera la sortie suivante:

CLI angulaire: 7.0.3

Noeud: 9.4.0

Système d'exploitation: darwin x64

Angulaire: 7.0.1

... animations, commun, compilateur, compilateur-cli, noyau, formulaires

... http, service linguistique, navigateur de plateforme

... plateforme-navigateur-dynamique, routeur

Version du package


@ 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

@ schematics / angular 7.0.3

@ schematics / update 0.10.3

rxjs 6.3.3

dactylographie 3.1.4

webpack 4.19.1

Ainsi, la version d'Angular, Angular CLI, Node et de nombreux autres packages peut être vérifiée à partir d'ici.


3

Si vous utilisez l'éditeur de code VS.

Allez dans le panneau Explorer sur le côté gauche -> recherchez package.json et ouvrez-le -> sous les dépendances, trouvez @ angular / core.

Ceci est votre version angulaire car le noyau est la principale caractéristique

entrez la description de l'image ici

entrez la description de l'image ici


3

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

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

Ou

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

Pour Angular 4+, il existe le nombre de façons suivantes:

É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: entrez la description de l'image ici

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

entrez la description de l'image ici

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


2

Sur votre dossier de projet, ouvrez le terminal de commande et tapez

ng -v

il vous donnera une liste d'articles, en ce que vous pourrez voir la version angulaire. Voir la capture d'écran.

détails de la version


4
Angular CLI: 1.7.3 Node: 8.9.0 OS: win32 x64 Angular: ... non affiché selon la capture d'écran
Devang Solanki

2

version après angulaire 2 que vous pouvez utiliser depuis le terminal,

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$ 

1

accédez simplement à votre répertoire de projet angulaire via le terminal et ng -vdonnez toutes les informations comme celle-ci

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

Si vous cochez ng-vdirectement le projet angulaire extérieur, il affichera uniquement la version angular-cli.


oui, si vous voulez voir la version angulaire, vous devez aller dans un dossier de projet.
Gero

1

entrez la description de l'image iciDans la nouvelle version de angular cli, le [ng -v] ne fonctionnera pas. Vous devez taper [ng version].


0

Ce sera ici ..

../project_name/bower_components/angular/angular.js

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */

0

vous pouvez simplement taper ng version c'est ça



0

Identique à la réponse ci-dessus, vous pouvez vérifier dans le navigateur en inspectant l'élément, si c'est AngularJS, nous pouvons voir quelque chose comme ci-dessous.

La directive ng-app indique à AngularJS qu'il s'agit de l'élément racine de l'application AngularJS.

Toutes les applications AngularJS doivent avoir un élément racine.


0

Pour JS angulaire, vous pouvez le trouver dans le fichier angular-animate.js comme ci-dessous:

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


0

Vous pouvez également le vérifier en inspectant les éléments de la page:

  1. appuyez sur F12 pour ouvrir les outils de développement du navigateur.

  2. Inspectez un élément.

  3. Développer le corps

  4. Vous verrez la version d'Angular, comme la suivante:

ng-version = "4.3.6"

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.