Jak sprawdzić wersję Angular?

Zainstalowałem @angular/clipakiet przez npm, używając tego polecenia:

npm install -g @angular/cli

Wersja 1.4.2 @ angular / cli została pomyślnie zainstalowana. Ale to nie jest wersja Angular, ale wersja CLI.

Po uruchomieniu, ng new myappjak mogę sprawdzić, w której wersji Angular jest utworzona aplikacja? 2.x, 4.x?

ng version

Globalnie zainstalowałeś kątowe cli (-g w poleceniu). Oznacza to, że możesz wpisać ng versionw wierszu polecenia. Może to być bardziej precyzyjne, jeśli wiersz poleceń nie znajduje się w katalogu kontrolowanym przez npm ( powinieneś wpisać to w wpisanym katalogu ng new myapp).

Uwaga dla tych, którzy dotarli tutaj od Google: ng version poinformuje Cię, do której (zgrubnej) wersji Angular odwołuje się bieżący katalog. np. wydaje się, że w tym katalogu jest zainstalowany angular 4.x (~ 4.3.0).

@angular/cli: 1.2.1
node: 8.11.1
os: win32 x64
@angular/common: 4.3.0
@angular/compiler: 4.3.0
@angular/core: 4.3.0
@angular/forms: 4.3.0
@angular/http: 4.3.0
@angular/platform-browser: 4.3.0
@angular/platform-browser-dynamic: 4.3.0
@angular/router: 4.3.0
@angular/cli: 1.2.1
@angular/compiler-cli: 4.3.0

Jeśli nie jesteś w katalogu, w którym znajduje się packages.config, otrzymasz Angular: ....

Dla Angular 1 lub 2 (ale nie dla Angular 4+):

Możesz także otworzyć konsolę i przejść do zakładki elementu w narzędziach programistycznych dowolnej przeglądarki, której używasz.

Lub

Wpisz angular.version, aby uzyskać dostęp do obiektu Javascript, który zawiera wersję kątową.

Dla Angular 4+ Istnieje kilka sposobów wymienionych poniżej:

Wpisz poniższy kod w wierszu poleceń / lub w terminalu w kodzie VS. (do 3)

1. ng version lub ng --version (znajdź obraz jako odniesienie)
2. ng v
3. ng -v

W terminalu można znaleźć wersję kątową, jak pokazano na załączonym obrazku:

4. Możesz także otworzyć konsolę i przejść do zakładki elementu w narzędziach programistycznych dowolnej przeglądarki, której używasz. Jak pokazano na poniższym obrazku:

5. Znajdź plik package.json, znajdziesz wszystkie zainstalowane zależności i ich wersję.

Powinieneś sprawdzić plik package.json w projekcie. Tam zobaczysz wszystkie zainstalowane pakiety i wersje tych pakietów.

W linii poleceń możemy sprawdzić naszą zainstalowaną wersję ng.

ng -v OR ng --version OR ng version

To da ci coś takiego:

 _                      _                 ____ _     ___

   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/

Angular CLI: 1.6.5
Node: 8.0.0
OS: linux x64
Angular: 
...

ng v

Po prostu uruchom powyższe polecenie w terminalu.

Myślę, że odpowiedź udzielona przez D. Squire'a była dokładna, ale prawdopodobnie tylko odrobinę niejasna. Jeśli zmienisz katalogi na projekt, a następnie wpiszesz ng --version, wyświetli wersję kątową w projekcie. Jeśli zrobisz to z domyślnego katalogu (nie w projekcie), otrzymasz tylko wersję Angular CLI, która prawdopodobnie nie jest tym, czego szukasz i da wyjście pokazane przez Vik2696.

$ cd my-project
$ ng --version   // done within project directory

Angular CLI: 1.6.8
Node: 8.9.4
OS: win32 x64
Angular: 5.2.5
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.6.8
@angular-devkit/build-optimizer: 0.0.42
@angular-devkit/core: 0.0.29
@angular-devkit/schematics: 0.0.52
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.8
@schematics/angular: 0.1.17
typescript: 2.5.3
webpack: 3.10.0

Angular CLI ng v daje niewiele więcej rzeczy niż tylko wersja.

Jeśli chcesz tylko wersję z niego, możesz dodać grep pipe i filtrować dla kątów, takich jak:

ng v | grep 'Angular:'

WYNIK:

Angular: #.#.# <-- VERSION

Do tego mam alias, który jest

alias ngv='ng v | grep 'Angular:''

Następnie po prostu użyj ngv

uruchom wersję ng

następnie po prostu sprawdź wersję pakietu rdzenia kątowego.

@angular/cli: 1.2.6
node: 8.11.1
os: win32 x64
@angular/animations: 4.3.2
@angular/common: 4.3.2
@angular/compiler: 4.3.2
**@angular/core: 4.3.2**
@angular/forms: 4.3.2

W terminalu wpisz albo ng -valbo ng --version.

1. ng v
2. ng --v

zobaczysz coś takiego:

Angular CLI: 7.3.8
Node: 10.15.1
OS: win32 x64
Angular: 5.2.10
... animations, common, compiler, core, forms, http
... platform-browser, platform-browser-dynamic, router

Wersja kątowa znajduje się w wierszu 4 powyżej

Jest wiele sposobów, aby sprawdzić wersję kątową Po prostu zatrzymaj znak zachęty (dla Windows) i wpisz

1. ng version
2. ng v
3. ng -v

4. You can pakage.json file

5.You can check in browser by presing F12 then goto elements tab

Pełne zrozumienie subversion o (xxx) można znaleźć w dokumentacji kątowej angularJS i angular 2+

Od kątowej 7 dalej działają następujące dwa polecenia

ng --version 
ng version

Najpierw zainstaluj Angular / cli globalnie w komputerze. aby zainstalować angular / cli, uruchom polecenie npm install -g @ angular / cli

Powyżej Angular7 użyj tych dwóch poleceń, aby poznać wersję Angular / Cli 1. ng --version, 2. ng version

sprawdź wiersz polecenia

ng --version LUB ng version LUB ng -v

Polecenie ng --version zwraca szczegóły zainstalowanej wersji Angular CLI

ng --version

możesz obejrzeć to vidio, aby zainstalować najnowszą wersję kątową. https://youtu.be/zqHqMAWqpD8

moje 2 centy, w Angular 9 (nie sprawdzałem starszych wersji) możesz znaleźć wersję kątową w atrybutach root div iw ten sposób pokazuję aktualną wersję w komponencie app-root (wyodrębnij i zapisz ją w moim Global do wykorzystania w innych komponentach :

import { Component, ElementRef } from "@angular/core";
....
@Component({
  selector: 'app-root',
  templateUrl: `<div>
    <h1>TestApp: .NetCore3.1 + PostgreSql 12 + Angular {{ngVersion}}</h1>
</div>
....
 `
})
export class AppComponent {
  ngVersion: string;
  constructor(private router: Router, private el: ElementRef) {
    ....    
    //read ng-verion and save it in Global's
    Global.ngVersion = this.el.nativeElement.getAttribute("ng-version");
    this.ngVersion = Global.ngVersion.substring(0, 1);
    ....
  }
}