how to find my angular version in my project?

Question

I have setup the angular code on my local machine. I need to know the version of the angular that I am using in the project. how can I easily find it in cmd prompt?

Answer 1

There are several ways you can do that:

1. Go into node_modules/@angular/core/package.json and check version field.

2. If you need to use it in your code, you can import it from the @angular/core:

   import { VERSION } from '@angular/core';

3. Inspect the rendered DOM - Angular adds the version to the main component element:

   <my-app ng-version="4.1.3">

Answer 2

try this command :

ng --version

It prints out Angular, Angular CLI, Node, Typescript versions etc.

Answer 3

For Angular 1 or 2 (but not for Angular 4+):

You can also open the console and go to the element tab on the developer tools of whatever browser you use.

Or

Type angular.version to access the Javascript object that holds angular version.

For Angular 4+ There is are the number of ways as listed below :

Write below code in the command prompt/or in the terminal in the VS Code.

1. ng version or ng --version (See the attachment for the reference.)
2. ng v
3. ng -v

In the terminal you can find the angular version as shown in the attached image :

4. You can also open the console and go to the element tab on the developer tools of whatever browser you use. As displayed in the below image :

5.Find the package.json file, You will find all the installed packages and their version.

6. declare the variable named as 'VERSION', Import the dependencies.

import { VERSION } from '@angular/core';

// To display the version in the console.

console.log(VERSION.full); 

Answer 4

define VERSION variable and import version into it.

import { VERSION } from '@angular/core';

Now you can use VERSION variable in your code to print version For example,

console.log(VERSION.full); 

Answer 5

For Angular 2+ you can run this in the console:

document.querySelector('[ng-version]').getAttribute('ng-version')

For AngularJS 1.x:

angular.version.full

Answer 6

You can also find dependencies version details in package.json file as following:

Answer 7

1. Browser > Inspect > Element >

   <.app-root _nghost-hey-c0="" ng-version="8.2.11">
   
   

2. In terminal

   :> ng version
   :> ng --version
   :> ng -v
   

Answer 8

If you try to check angular version in the browser, for me only this worked Ctrl+Shift+i and paste below command in console:

document.querySelector('[ng-version]').getAttribute('ng-version')

ex:

Answer 9

ng --version command will show only the installed angular version in your computer instead of the actual project version.

if you really want to know the project version, Go to your project, use the below command

npm list -local

Another way, check package.json to know the angular version

Answer 10

The best way to check which version of angular you're using is to launch your browser, right-click /inspect and look in the element tab. I found that to be most helpful.

Answer 11

app.component

import { Component, VERSION, } from '@angular/core';

name = 'Angular version' + VERSION.major;

app.component.html

<h5>{{name}}</h5>

Answer 12

you can use ng --version for angular version 7