จะตรวจสอบรุ่น Angular ได้อย่างไร?

ฉันติดตั้ง@angular/cliแพ็คเกจผ่าน npm โดยใช้คำสั่งนี้:

npm install -g @angular/cli

ติดตั้ง @ angular / cli เวอร์ชัน 1.4.2 สำเร็จแล้ว แต่นั่นไม่ใช่เวอร์ชัน Angular แต่เป็นเวอร์ชัน CLI

หลังจากรันng new myappแล้วฉันจะตรวจสอบเวอร์ชัน Angular ที่แอปที่สร้างขึ้นได้อย่างไร 2.x, 4.x?

ng version

คุณติดตั้ง angular cli ทั่วโลก (-g ในคำสั่ง) ซึ่งหมายความว่าคุณสามารถพิมพ์ng versionลงในพรอมต์คำสั่งของคุณ การทำเช่นนี้อาจแม่นยำกว่าเมื่อพรอมต์คำสั่งของคุณไม่อยู่ในไดเร็กทอรีที่ควบคุม npm (คุณควรพิมพ์สิ่งนี้ในไดเร็กทอรีที่คุณพิมพ์ng new myapp)

หมายเหตุสำหรับผู้ที่มาที่นี่จาก Google: ng versionจะแจ้งให้คุณทราบว่า Angular รุ่นใด (แบบหยาบ) อ้างอิงโดยไดเรกทอรีปัจจุบัน เช่นไดเร็กทอรีนี้มีการติดตั้ง 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

หากคุณไม่ได้อยู่ในไดเรกทอรีที่มี packages.config Angular: ...เป็นแล้วคุณจะได้รับ

สำหรับ Angular 1 หรือ 2 (แต่ไม่ใช่สำหรับ Angular 4+):

คุณยังสามารถเปิดคอนโซลและไปที่แท็บองค์ประกอบบนเครื่องมือสำหรับนักพัฒนาของเบราว์เซอร์ใดก็ได้ที่คุณใช้

หรือ

พิมพ์ angular.version เพื่อเข้าถึงอ็อบเจ็กต์ Javascript ที่มีเวอร์ชันเชิงมุม

สำหรับ Angular 4+ มีหลายวิธีดังต่อไปนี้:

เขียนโค้ดด้านล่างในพรอมต์คำสั่ง / หรือในเทอร์มินัลใน VS Code (มากถึง 3)

1. ng รุ่นหรือ ng --version (ค้นหาภาพสำหรับการอ้างอิง)
2. ng v
3. ng -v

ในเทอร์มินัลคุณจะพบเวอร์ชันเชิงมุมดังที่แสดงในภาพที่แนบมา:

4. คุณยังสามารถเปิดคอนโซลและไปที่แท็บองค์ประกอบบนเครื่องมือสำหรับนักพัฒนาของเบราว์เซอร์ใดก็ได้ที่คุณใช้ ดังที่แสดงในภาพด้านล่าง:

5. ค้นหาไฟล์ package.json คุณจะพบการอ้างอิงที่ติดตั้งและเวอร์ชันทั้งหมด

คุณควรตรวจสอบไฟล์ package.json ในโครงการ คุณจะเห็นแพ็คเกจทั้งหมดที่ติดตั้งและเวอร์ชันของแพ็คเกจเหล่านั้น

ในบรรทัดคำสั่งเราสามารถตรวจสอบเวอร์ชัน ng ที่ติดตั้งได้

ng -v OR ng --version OR ng version

สิ่งนี้จะให้สิ่งนี้แก่คุณ:

 _                      _                 ____ _     ___

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

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

ng v

เพียงเรียกใช้คำสั่งด้านบนในเทอร์มินัล

ฉันคิดว่าคำตอบที่ได้รับจาก D. Squire นั้นถูกต้อง แต่อาจเป็นเพียงความคลุมเครือเล็กน้อย หากคุณเปลี่ยนไดเร็กทอรีเป็นโปรเจ็กต์แล้วพิมพ์ ng --version มันจะแสดงเวอร์ชันเชิงมุมในโปรเจ็กต์ หากทำจากไดเร็กทอรีเริ่มต้น (ไม่ใช่ภายในโปรเจ็กต์) คุณจะได้รับเฉพาะเวอร์ชัน Angular CLI ซึ่งอาจไม่ใช่สิ่งที่คุณกำลังมองหาและจะให้ผลลัพธ์ที่แสดงโดย 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 ให้ผลลัพธ์มากกว่าแค่เวอร์ชัน

หากคุณต้องการเฉพาะเวอร์ชันจากนั้นคุณสามารถเพิ่มท่อ grep และกรองสำหรับเชิงมุมเช่น:

ng v | grep 'Angular:'

เอาท์พุท:

Angular: #.#.# <-- VERSION

สำหรับสิ่งนี้ฉันมีนามแฝงซึ่งก็คือ

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

จากนั้นใช้ngv

รันเวอร์ชัน ng

จากนั้นตรวจสอบเวอร์ชันของแพ็คเกจแกนเชิงมุม

@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

ในประเภทเทอร์มินัลในng -vหรือng --version.

1. ng v
2. ng --v

คุณจะเห็นสิ่งต่อไปนี้:

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

เวอร์ชันเชิงมุมอยู่ในบรรทัดที่ 4 ด้านบน

มีหลายวิธีคุณตรวจสอบเวอร์ชันเชิงมุมเพียงแค่กด comand prompt (สำหรับ windows) แล้วพิมพ์

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

ความเข้าใจอย่างถ่องแท้เกี่ยวกับการโค่นล้มเกี่ยวกับ (xxx) โปรดดูเอกสารเชิงมุมangularJSและangular 2+

จาก angular 7 on-wards สองคำสั่งต่อไปนี้กำลังทำงาน

ng --version 
ng version

ขั้นแรกให้ติดตั้ง Angular / cli ทั่วโลกในเครื่อง เพื่อติดตั้ง angular / cli ให้รันคำสั่ง npm install -g @ angular / cli

เหนือ Angular7 ใช้คำสั่งทั้งสองนี้เพื่อทราบเวอร์ชันของ Angular / Cli 1. ng --version, 2. ng version

ตรวจสอบพร้อมรับคำสั่ง

ng --version หรือ ng เวอร์ชันหรือ ng -v

คำสั่ง ng --version ส่งคืนรายละเอียดของเวอร์ชันของ Angular CLI ที่ติดตั้ง

ng --version

คุณสามารถรับชมวิดีโอนี้เพื่อติดตั้งเวอร์ชันเชิงมุมล่าสุด https://youtu.be/zqHqMAWqpD8

2 เซ็นต์ของฉันใน Angular 9 (ไม่ได้ตรวจสอบเวอร์ชันที่เก่ากว่า) คุณสามารถค้นหาเวอร์ชันเชิงมุมในแอตทริบิวต์ div root และนี่คือวิธีที่ฉันแสดงเวอร์ชันปัจจุบันในองค์ประกอบ app-root (แยกและบันทึกใน Global ของฉันเพื่อใช้ในส่วนประกอบอื่น ๆ :

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