How can I check which version of Angular from browser?

Question

I'm trying to buy a angular 5 template online so I just want to confirm for angular version. I have check This question of Angular :-

How can I check which version of Angular I'm using?

But here in this question app version is shown in below image which is captured from development tool,

ng-version is in app tag.

But in the template which I'm trying to purchase has following structure.

ng-version is in body tag.

So, Just for reconfirm I just installed Angular 5. Here in newly installed application they show,

ng-version is in app-root.

That template has other files like,

<script type="text/javascript" src="inline.bundle.js"></script>
<script type="text/javascript" src="polyfills.bundle.js"></script>
<script type="text/javascript" src="styles.bundle.js"></script>
<script type="text/javascript" src="vendor.bundle.js"></script>
<script type="text/javascript" src="main.bundle.js">

I have also Tried with angular.version but it doesn't work for me.

So, it is confirmed that they are using Angular App not other thing but I'm confused about it's Angular-2,4 or 5.

Is there any otherway we can figure it that which version it's running ?

Answer 1

Using the ng-version attribute is the correct way to identify the Angular version number. if you want more confirmation you can execute in console:

getAllAngularRootElements();

which will show you Angular elements. Or more accurately

 getAllAngularRootElements()[0].attributes["ng-version"];

Answer 2

Simplest way is to Hit F12 on browser and in the console drawer type -

angular.version

and you will see the version. You can also do angular.version.full and this gives something like this "1.6.6"

Answer 3

Due to Kyler's Help I figure it out that this template is not built with Angular-5. It's lower than the Angular 2 version beta.8 (I don't know the exact version but but it's not Angular-5).

They are showing that they are made with Angular-5 but it's not Because it show me the error.

Uncaught ReferenceError: getAllAngularRootElements is not defined

Because with reference to this git's issue :- https://github.com/rangle/augury/issues/245

I figure it out that getAllAngularRootElements() will work with Angular2 version beta.8 and greater. So, it means that it's lower than the Angular 2 version beta.8.

And I have tried this function with my Angular-5 application and that function works.