在[Angular]的版本类中检查版本

使用Version类可以查看所使用的Angular版本。
有关Version类的详细信息，请参阅官方API参考文档。

为了确认版本的代码

班级 jí)

import { Component, AfterContentInit, AfterContentChecked, ContentChild } from '@angular/core';

// Angular のバージョン情報を取得するための import
import { VERSION } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  /**
   * Angular のバージョン情報を確認するためのプロパティ
   *
   * @private
   * @memberof AppComponent
   */
  public versionInfo = VERSION;

  constructor() {}
}

模板

<div class="informationArea">
  <table class="informationTable">
    <caption>
      使用している Angular のバージョンは...
    </caption>
    <tr>
      <th>full</th>
      <th>major</th>
      <th>minor</th>
      <th>patch</th>
    </tr>
    <tr>
      <td>{{versionInfo.full}}</td>
      <td>{{versionInfo.major}}</td>
      <td>{{versionInfo.minor}}</td>
      <td>{{versionInfo.patch}}</td>
    </tr>
  </table>
</div>

成果

确认了 Angular 的版本为 4.4.6。

用Angular/cli进行确认

当你检查angular/cli的版本时…

$ ng -v
    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/
@angular/cli: 1.3.0
node: 9.2.1
os: win32 x64
@angular/animations: 4.4.6
@angular/common: 4.4.6
@angular/compiler: 4.4.6
@angular/core: 4.4.6
@angular/forms: 4.4.6
@angular/http: 4.4.6
@angular/platform-browser: 4.4.6
@angular/platform-browser-dynamic: 4.4.6
@angular/router: 4.4.6
@angular/cli: 1.3.0
@angular/compiler-cli: 4.4.6
@angular/language-service: 4.4.6

通过使用 Version 类可以确认它与确认结果相同版本。

运用场所

我认为，在需要在应用程序中明确显示所使用的 Angular 版本的页面页脚的情况下，这种方法非常方便，因为它可以动态获取版本信息。

请提供原始文本以便进行重新描述。

本家の API リファレンス – Version