[Anglar]Version 클래스에서 버전 확인

4846 단어 Angular4
Version 레벨을 사용하여 Anglar의 버전을 확인할 수 있습니다.
Version 클래스에 대한 참조본사의 API 참조.
버전 코드 확인
카테고리
app.component.ts
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() {}
}
거푸집
app.component.html
<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>
결실

Anglar 버전이 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 클래스를 사용한 확인 결과와 동일한 버전임을 확인했습니다.
사용처
애플리케이션에서 사용하는 Anglar의 버전을 화면의 바닥글에 명시하려는 경우 이 방법으로 동적으로 버전을 얻을 수 있어 편리하다고 생각합니다.
참고 자료
  • 홈 API 참조 - Version
  • 좋은 웹페이지 즐겨찾기