Bagaimana cara memeriksa versi Angular?

Saya menginstal @angular/clipaket melalui npm, menggunakan perintah ini:

npm install -g @angular/cli

@ Angular / cli versi 1.4.2 telah berhasil diinstal. Tapi itu bukan versi Angular, tapi versi CLI.

Setelah menjalankan, ng new myappbagaimana saya bisa memeriksa versi Angular mana aplikasi yang dibuat? 2.x, 4.x?

ng version

Anda menginstal angular cli secara global (-g dalam perintah). Ini berarti Anda dapat mengetik di ng versioncommand prompt Anda. Mungkin lebih tepat melakukan ini ketika command prompt Anda tidak berada dalam direktori yang dikontrol npm (Anda harus mengetik ini di dalam direktori yang Anda ketikkan ng new myapp).

Catatan untuk mereka yang datang dari Google: ng version akan memberi tahu Anda versi (kasar) Angular mana yang direferensikan oleh direktori saat ini. mis. Direktori ini tampaknya memiliki angular 4.x (~ 4.3.0) yang diinstal.

@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

Jika Anda tidak berada dalam direktori yang memiliki packages.config, maka Anda akan mendapatkan Angular: ....

Untuk Angular 1 atau 2 (tetapi tidak untuk Angular 4+):

Anda juga dapat membuka konsol dan pergi ke tab elemen pada alat pengembang dari browser apa pun yang Anda gunakan.

Atau

Ketik angular.version untuk mengakses objek Javascript yang menyimpan versi sudut.

Untuk Angular 4+ Ada beberapa cara seperti di bawah ini:

Tulis kode di bawah ini di command prompt / atau di terminal di VS Code. (sampai dengan 3)

1. versi ng atau ng --version (Temukan gambar untuk referensi)
2. ng v
3. ng -v

Di terminal Anda dapat menemukan versi sudut seperti yang ditunjukkan pada gambar terlampir:

4. Anda juga dapat membuka konsol dan pergi ke tab elemen pada alat pengembang dari browser apa pun yang Anda gunakan. Seperti yang ditampilkan pada gambar di bawah ini:

5. Temukan file package.json, Anda akan menemukan semua dependensi yang diinstal dan versinya.

Anda harus memeriksa file package.json di proyek. Di sana Anda akan melihat semua paket terinstal dan versi dari paket tersebut.

Pada baris Perintah kita dapat memeriksa versi ng yang diinstal.

ng -v OR ng --version OR ng version

Ini akan memberi Anda seperti ini:

 _                      _                 ____ _     ___

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

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

ng v

Cukup jalankan perintah di atas di terminal.

Saya pikir jawaban yang diberikan oleh D. Squire akurat, tetapi mungkin hanya sedikit samar. Jika Anda mengubah direktori ke proyek dan kemudian mengetik ng --version, versi angular akan ditampilkan dalam proyek tersebut. Jika dilakukan dari direktori default (bukan dalam proyek), Anda hanya akan mendapatkan versi CLI Angular, yang mungkin bukan yang Anda cari dan akan memberikan keluaran yang ditunjukkan oleh 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 tidak menghasilkan lebih dari sekedar versinya.

Jika Anda hanya menginginkan versinya, Anda dapat menambahkan grep pipa dan filter untuk sudut seperti:

ng v | grep 'Angular:'

KELUARAN:

Angular: #.#.# <-- VERSION

Untuk ini, saya memiliki alias

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

Kemudian gunakan saja ngv

menjalankan versi ng

kemudian cukup periksa versi paket inti sudut.

@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

Di terminal ketik salah satu ng -vatau ng --version.

1. ng v
2. ng --v

Anda akan melihat sesuatu seperti berikut:

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

Versi sudut ada di baris 4 di atas

Ada banyak cara, Anda memeriksa versi bersudut Pegang perintah perintah (untuk windows) dan ketik

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

Pemahaman penuh subversi tentang (xxx) silahkan lihat dokumentasi angular angularJS dan angular 2+

Dari sudut 7 ke atas, dua perintah berikut berfungsi

ng --version 
ng version

Pertama instal Angular / cli secara global di mesin. untuk menginstal angular / cli jalankan perintah npm install -g @ angular / cli

Di atas Angular7, gunakan dua perintah ini untuk mengetahui versi Angular / Cli 1. ng --version, 2. versi ng

periksa Command Prompt

ng --version ATAU versi ng ATAU ng -v

ng --version perintah mengembalikan detail versi CLI Angular yang diinstal

ng --version

Anda dapat menonton video ini untuk menginstal versi sudut terbaru. https://youtu.be/zqHqMAWqpD8

2 sen saya, di Angular 9 (tidak memeriksa versi yang lebih lama) Anda dapat menemukan versi sudut di atribut div root dan inilah cara saya menampilkan versi saat ini di komponen root-aplikasi (ekstrak dan simpan di Global saya untuk digunakan di komponen lain :

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);
    ....
  }
}