如何使用TypeScript检查Angular2版本

25

我使用angular2@2.0.0-alpha.11编写了一个简单的应用程序,它运行得很好。现在我正在使用npm上最新版本的alpha和beta版本进行测试,我一直在想我是否真正地做出了更改,或者我正在缓存某些内容。

我想在我的根组件上执行以下操作:

export class ChromeComponent {

  ngOnInit() {
    console.log('angular version');
  }
}

在控制台上运行angular.version返回结果为undefined


这里有一个bug需要解决:https://github.com/angular/angular/issues/1357 - Jamie Pate
4个回答

49

自4.0.0-rc.1版本以来的更新

在DOM中根选择器中添加了版本信息

在此输入图像描述

自Angular2版本2.3.0-rc.0开始,您可以按以下方式获取版本:

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

export class AppComponent { 
  constructor() {
    console.log(VERSION.full); // print 2.3.0-rc.0
  }
}

或者您可以打开浏览器控制台并检查body标签在此输入图片描述


@gstackoverflow 你说的 new angular2 是什么意思? - yurzui
核心.umd.js:2834 异常:http://localhost:3000/app/app.component.html:6:4 中的错误,原因是:无法读取未定义的 'full' 属性。ErrorHandler.handleError @ core.umd.js:2834(匿名函数) @ - gstackoverflow
从'@angular/core'导入{ VERSION }不会导入任何东西。 - gstackoverflow
为了回答你的问题,我需要得到对我的问题的答案。目标是了解我的版本。我不知道它。 - gstackoverflow
我的 DOM 中的 body 没有版本信息,控制台输出 VERSION 会报错。 - Kimmiekim
此方法显示的版本与文件夹中的 ng --version 相符,但 package.json 中 Angular 的各个部分的版本较旧。了解其中差异的原因会很有帮助。 - Mickey Segal

11

ng -v 显示CLI、Node、操作系统和Angular的版本。


1

0

由于已经不再适用于稳定的Angular版本,因此提供新答案。检查Angular版本最简单的方法是在项目根目录下使用npm list命令:

npm list  @angular/core

以防万一,您也可以检查以下内容,版本应该匹配:

npm list @angular/common

npm list @angular/compiler

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接