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?

FluxEngine
la source
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
 */
TheHippo
la source
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.

lolski
la source
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

Tony Dong
la source
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
István
la source
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"}
Suman Barick
la source
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.)

Leo
la source
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"
  },
Sagar Jethi
la source
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+

Srikrushna
la source
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

Hugo LM
la source
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
Eric
la source
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

Légendes
la source
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
Mwiza
la source
5

Pour une utilisation angulaire 4+,

  • version ng
  • ng v

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

javapedia.net
la source
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
Pullat Junaid
la source
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.

Bilal Ahmed Yaseen
la source
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

Manoj Kalluri
la source
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.
Trilok Pathak
la source
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

Akbar Badhusha
la source
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$ 
Mohideen bin Mohammed
la source
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.

Kamal Kumar
la source
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].

SwarupOVO
la source
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
 */
poojan mehta PM
la source
0

vous pouvez simplement taper ng version c'est ça

Jeff
la source
0

C'est très simple, vous pouvez voir dans le package.jsonfichier

user1012506
la source
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.

Smitha
la source
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 * /

Zakir Hossain
la source
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"

Nav
la source