如何从浏览器中查看 Angular 的版本？

Question

我正在尝试在线购买 angular 5 模板，所以我只想确认 angular 版本。我已经检查了 Angular 的这个问题：-

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

但是在这个问题中，应用程序版本如下图所示，它是从开发工具中捕获的，

ng-version is in app tag.

但在我尝试购买的模板中具有以下结构。

ng-version is in body tag.

所以，为了再次确认，我刚刚安装了 Angular 5。他们在新安装的应用程序中显示，

ng-version is in app-root.

该模板还有其他文件，例如，

<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">

我也试过 angular.version 但它对我不起作用。

所以，确认他们使用的是 Angular 应用程序而不是其他东西，但我很困惑它是 Angular-2,4 或 5。

有没有其他方法我们可以算出它是哪个版本运行？

Answer 1

使用ng-version属性是识别Angular版本号的正确方法。如果你想要更多确认，你可以在控制台中执行：

getAllAngularRootElements();

这将向您显示 Angular 个元素。或者更准确地说

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

Answer 2

由于 Kyler 的帮助，我发现此模板不是使用 Angular-5 构建的。它低于 Angular 2 版本 beta.8（我不知道确切的版本，但它不是 Angular-5）。

他们显示它们是用 Angular-5 制作的，但事实并非如此，因为它向我显示了错误。

Uncaught ReferenceError: getAllAngularRootElements is not defined

因为参考这个 git 的问题 :- https://github.com/rangle/augury/issues/245

我发现 getAllAngularRootElements() 可以与 Angular2 版本 beta.8 及更高版本一起使用。所以，这意味着它低于 Angular 2 版本 beta.8。

我已经在我的 Angular-5 应用程序中尝试了这个功能，并且该功能有效。

Answer 3

最简单的方法是在浏览器和控制台抽屉中按 F12 键入 -

angular.version

你会看到版本。你也可以做 angular.version.full 这给出了这样的东西 "1.6.6"

如何从浏览器中查看 Angular 的版本？

How can I check which version of Angular from browser?

angular

angular5