Angular – это популярная платформа веб-приложений с открытым исходным кодом на основе TypeScript, разработанная Google. Он обеспечивает надежную структуру для создания динамических и масштабируемых веб-приложений. С каждым основным выпуском Angular представляет новые функции и улучшения. В этой статье мы рассмотрим различные методы программной проверки версии Angular на примерах кода.

1. Метод 1: использование Angular CLI
   Angular CLI (интерфейс командной строки) предоставляет встроенную команду для отображения версии Angular. Откройте интерфейс командной строки и выполните следующую команду:

   ng version

   Отобразится установленная версия Angular вместе с другими связанными зависимостями.

2. Метод 2: проверка версии пакета Angular
   Другой способ определить версию Angular — проверить файл package.json в вашем проекте Angular. Откройте файл и найдите раздел зависимостей. Найдите запись, начинающуюся с «@angular/core», и обратите внимание на версию, указанную рядом с ней.

"dependencies": {
  "@angular/core": "^12.2.3",
  ...
}

В этом примере это версия 12.2.3.

3. Метод 3: доступ к версии Angular в TypeScript
   Вы также можете получить доступ к версии Angular программно в своем приложении Angular с помощью TypeScript. Импортируйте константу VERSION из модуля @angular/core и запишите ее в консоль или используйте в своем коде по мере необходимости.

import { VERSION } from '@angular/core';
console.log(`Angular version: ${VERSION.full}`);

Это выведет полную версию Angular в консоль.

4. Метод 4: использование службы платформы Angular
   Angular предоставляет модуль браузера платформы, который включает константу APP_VERSION. Эта константа содержит информацию о версии приложения Angular.

import { Component, VERSION } from '@angular/core';
import { PLATFORM_ID, APP_ID, Inject } from '@angular/core';
import { isPlatformBrowser } from '@angular/common';
@Component({
  selector: 'app-root',
  template: 'Angular version: {{ version }}',
})
export class AppComponent {
  version: string;
  constructor(
    @Inject(PLATFORM_ID) private platformId: Object,
    @Inject(APP_ID) private appId: string
  ) {
    if (isPlatformBrowser(this.platformId)) {
      this.version = VERSION.full;
    }
  }
}

В этом примере доступ к версии осуществляется с помощью константы VERSION и сохраняется в свойстве versionкомпонента.

Это некоторые способы программной проверки версии Angular. Вы можете выбрать метод, который соответствует вашим требованиям, и реализовать его соответствующим образом.