ฉันจะตรวจสอบว่าฉันใช้ Angular รุ่นใดอยู่


301

ฉันจะบอกได้ว่าฉันใช้ Angular รุ่นใด

ฉันเหนื่อย:

angular --version
angular --v
angular -version
angular -v

แต่ได้รับ -bash: angular: command not found

ฉันรู้โดยyeoman --versionที่ฉันกำลังใช้0.9.6

แต่จะรับรุ่นเชิงมุมได้อย่างไร


คุณช่วยตอบรับคำตอบที่ต่างออกไปได้ไหม คำตอบของ @ lolski ดีกว่ามาก
Kolob Canyon

คำตอบของ Leo (ดูบรรทัดที่เกี่ยวข้องกับเชิงมุมใน package.json)ใช้ได้กับรุ่นใด ๆ ของ AngularJS (1) หรือ Angular 2+ คำตอบของ Tony dong (ตรวจสอบแท็กแอปพลิเคชันใน DOM)ทำงานได้ดีสำหรับ Angular 2 หรือรุ่นที่สูงกว่า Loliski ใช้ได้กับ 1 และ 2 เท่านั้นไม่ใช่รุ่นที่สูงกว่า คำตอบที่ได้รับการยอมรับ (TheHippo) ใช้ได้กับ AngularJS (1)
Pac0

มันทำให้รู้สึกว่ามีคำถามที่ติดแท็กเชิงมุมและ angularjs ใด ๆ ? พวกมันต่างกันทั้งห้องสมุด มันจะสมเหตุสมผลมากกว่าหากมีคำถามหนึ่งข้อสำหรับแต่ละข้อ จากนั้นคำตอบที่ยอมรับจะไม่ถูกยกเลิกบางส่วนเมื่อมีการเพิ่มแท็กใหม่
Paul Rooney

คำตอบ:


216

แก้ไข:เมื่อเขียนคำตอบนี้จะมีเพียง AngularJS 1.x ดูคำตอบด้านล่างสำหรับเวอร์ชันเชิงมุม> = 2

AngularJS ไม่มีเครื่องมือบรรทัดคำสั่ง

คุณสามารถรับหมายเลขรุ่นได้จากไฟล์ JavaScript

ส่วนหัวของกระแสangular.js:

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */

76
คุณสามารถเขียน angular.version ซึ่งให้เวอร์ชันของเชิงมุม
Nishchit Dhanani

2
@AfshinMoazami ไม่เป็นไร มันอยู่ในความคิดเห็นที่ด้านบนของไฟล์ สำหรับเหตุผลด้านลิขสิทธิ์คุณไม่ควรลบความคิดเห็น
TheHippo

3
ครั้งแรกเมื่อมันถูกย่อให้เล็กสุดมันไม่ใช่เรื่องง่ายที่จะค้นหาในไฟล์ขนาดใหญ่สำหรับใบอนุญาต ประการที่สองการใช้ไฟล์ลิขสิทธิ์ / ความคิดเห็นไม่ใช่ทางเลือกที่ดีนักเนื่องจากอาจมีการเปลี่ยนแปลงโดยบั๊กเล็ก
Afshin Moazami

3
ความเสี่ยงของคำตอบนี้คือถ้ามีการพึ่งพาเชิงมุมหลาย ๆ อันที่อาจถูกดึงเข้ามาและให้แน่ใจว่าเบราว์เซอร์เวอร์ชันใดที่กำลังโหลดจริง
มัลคัส

7
ตำแหน่งของไฟล์ angular.js คืออะไร?
myroslav

301

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

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

มีประโยชน์มากเมื่อสคริปต์ถูกย่อขนาดโดยไม่มีความคิดเห็นส่วนหัว


22
angular.version.full ถือเวอร์ชันเต็ม (เช่น "1.2.16") เป็นสตริง
กีโยม

6
คำตอบที่ดีที่สุดคำตอบที่ยอมรับจะเป็นไปไม่ได้หากใช้เวอร์ชั่นย่อ
Alfredo A.

9
angular.version และ angular.version.full ไม่ทำงานในรุ่น 4 แต่จะเห็น html 'ng-version'
DFBerry

5
Uncaught ReferenceError: ไม่ได้กำหนดมุมที่ <anonymous>: 1: 1
Anuj

166

สำหรับ Angular 2+ ในเบราว์เซอร์สมัยใหม่ที่มีเครื่องมือ developper (F12) คุณสามารถตรวจสอบแท็กแอปพลิเคชันระดับบนสุด

สำหรับ Internet Explorer 11 หรือ Edge คุณสามารถค้นหาข้อมูลได้ที่นี่:หมายเลขเวอร์ชันเชิงมุม

ใช้งานได้กับเบราว์เซอร์ Angular 2+ Chrome

ป้อนคำอธิบายรูปภาพที่นี่

Firefox firebug

ป้อนคำอธิบายรูปภาพที่นี่


ฉันไม่เห็นคุณลักษณะองค์ประกอบนี้สำหรับรุ่นเชิงมุม1.5.7
mihai

19
ขอบคุณที่angular.versionไม่ได้ทำงานในสถานที่ของฉัน
J4N

ใช้งานได้กับเชิงมุม 5 เช่นกัน ในเบราว์เซอร์ใด ๆ ที่สามารถแสดง DOM ซึ่งหมายถึงเบราว์เซอร์ deskto ที่ทันสมัยในปัจจุบัน
Pac0

111

หากคุณใช้angular-cliงานอยู่คุณสามารถตรวจสอบได้อย่างง่ายดายโดยพิมพ์

ng -v

หรือng vใน Angular 8 ใน Terminal หรือ Bash หมายเหตุ: รันคำสั่งภายในไดเร็กทอรีโปรเจ็กต์

คุณควรได้รับสิ่งนี้:

angular-cli: 1.0.0-beta.24
node: 7.4.0
os: darwin x64
@angular/common: 2.4.3
@angular/compiler: 2.4.3
@angular/core: 2.4.3
@angular/forms: 2.4.3
@angular/http: 2.4.3
@angular/platform-browser: 2.4.3
@angular/platform-browser-dynamic: 2.4.3
@angular/router: 3.4.3
@angular/compiler-cli: 2.4.3

13
อ่าฉันติดอยู่กับเรื่องนี้ ถ้าฉันพิมพ์ 'ng -v' ในโฟลเดอร์ที่ไม่ใช่โปรเจ็กต์มันแค่ให้รุ่น AngularCLI เท่านั้น - ฉันคิดว่ามันจะให้ข้อมูลทั้งหมด แต่การพิมพ์โดยไม่ใช้โฟลเดอร์โปรเจ็กต์ที่สร้างโดย cli จะให้รายละเอียดทั้งหมดเกี่ยวกับเวอร์ชันเชิงมุมที่โฟลเดอร์นั้นใช้อยู่
Drenai

3
angular - รุ่นแทนในเชิงมุม 7.0.2
mijiturka

โปรดทราบว่าหากคุณใช้ NVM และไม่เห็นแพ็คเกจที่คุณรู้ว่าติดตั้งไว้คุณอาจติดตั้งแพ็กเกจเหล่านี้ภายใต้ Node เวอร์ชันอื่น ทางเลือกหนึ่งคือการย้ายจากเวอร์ชันก่อนหน้าไปเป็นเวอร์ชันปัจจุบันของคุณ ดูรายละเอียดเพิ่มเติมได้ที่github.com/creationix/...
samurai_jane


75

ในคอนโซลนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์ (กด F12 เพื่อเปิด) คุณสามารถพิมพ์ดังต่อไปนี้

angular.version.full

มันจะให้เวอร์ชันเต็มเช่น (ขึ้นอยู่กับเวอร์ชันปัจจุบันของคุณ) [มันได้รับfullทรัพย์สินของangular.versionวัตถุจริงๆ]

"1.4.3"

ดังนั้นเพื่อดูวัตถุทั้งหมดถ้าคุณพิมพ์

angular.version

มันจะให้วัตถุเวอร์ชั่นเต็มที่มีข้อมูลเวอร์ชันเช่นเต็ม, สำคัญ, เล็กน้อยและยัง codeName เช่น

Object {full: "1.4.3", major: 1, minor: 4, dot: 3, codeName: "foam-acceleration"}

ด้วยคำสั่งนี้คุณสามารถค้นหาเวอร์ชันเชิงมุมสำหรับเว็บไซต์ใด ๆ ที่คุณกำลังเยี่ยมชมตราบใดที่มันใช้เฟรมเวิร์ก
cezar

39

คุณสามารถตรวจสอบpackage.jsonของคุณ:

"dependencies": {
    "@angular/common": "^5.0.0",
    "@angular/compiler": "^5.0.0",
    "@angular/core": "^5.0.0",
    "@angular/forms": "^5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/platform-browser": "^5.0.0",
    "@angular/platform-browser-dynamic": "^5.0.0",
    "@angular/router": "^5.0.0",
  }

(เครื่องหมายรูปหมวก^จะอัปเดตคุณเป็นเวอร์ชันหลักล่าสุด (หมายเลขแรก) ^4.3.0จะจับคู่กับรี4.x.xลีสใด ๆรวมถึง4.4.0แต่จะระงับเมื่อ5.0.0เครื่องหมายตัวหนอนจะ~ตรงกับเวอร์ชันย่อยล่าสุด (หมายเลขกลาง) ~4.3.0จะจับคู่ทุก4.3.xเวอร์ชัน แต่ จะพลาด4.4.0)


มีประโยชน์ถ้าแอปพลิเคชันเชิงมุมของคุณยังไม่เริ่มทำงาน! แต่ใช้ได้เฉพาะเมื่อคุณมีซอร์สโค้ดแน่นอน สำหรับแอปพลิเคชันระยะไกลออนไลน์ดูคำตอบของโทนี่ดงตรวจสอบแท็กเชิงมุมหลักใน DOM ดูเหมือนว่าจะทำงานกับ Angular2 + เวอร์ชันใดก็ได้
Pac0

24

ตอนนี้ก็คือ ng -v

หากคุณใช้มุมเชิงมุมคุณสามารถตรวจสอบการใช้งานได้

ng --version

ตอนนี้ก็คือ ng -v

หรือคุณสามารถเช็คอิน

ไฟล์ pakage.json

 "dependencies": {
    "@angular/animations": "^4.0.0",
    "@angular/common": "^4.0.0",
    "@angular/compiler": "^4.0.0",
    "@angular/core": "^4.0.0",
    "@angular/forms": "^4.0.0",
    "@angular/http": "^4.0.0",
    "@angular/platform-browser": "^4.0.0",
    "@angular/platform-browser-dynamic": "^4.0.0",
    "@angular/router": "^4.0.0",
    "angular-in-memory-web-api": "^0.3.2",
    "core-js": "^2.4.1",
    "rxjs": "^5.1.0",
    "zone.js": "^0.8.4"
  },

23

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

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

ตรวจสอบเวอร์ชันเชิงมุมโดยใช้บรรทัด comand

4. You can pakage.json file

ตรวจสอบเวอร์ชันเชิงมุมในไฟล์ pakage.json

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

ตรวจสอบเวอร์ชันเชิงมุมบนเบราว์เซอร์ของคุณ

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


2
ng -v ไม่ทำงานในเวอร์ชันเชิงมุมล่าสุด (ฉันตรวจสอบเชิงมุม 8)
Srikrushna

14

สำหรับ Angular 4 ตัวเลือกมากมายไม่สามารถใช้งานได้อีกต่อไป อัปเดตเมื่อกรกฎาคม 2560สองตำแหน่ง:

1) สิ่งที่ง่ายที่สุดคือการเปิด package.json ของโครงการของเราและตรวจสอบเวอร์ชันที่ใช้ซึ่งเป็นหนึ่งในแองกูลาร์

ป้อนคำอธิบายรูปภาพที่นี่

2) หลังจากดำเนินการบริการ ng เราเปิดสารวัตรขององค์ประกอบของ explorer ที่เราใช้และเราสามารถสังเกตรุ่นดังในภาพต่อไปนี้

ป้อนคำอธิบายรูปภาพที่นี่


แล้วเส้นไหนบอกว่าเป็น Angular รุ่นใด
powder366

1
@ powder366 @angular/coreและพี่น้อง (นี่หมายความว่านี่คือ Angular 4, การอัปเดตล่าสุดเนื่องจาก^อยู่ข้างหน้า)
Pac0

10

อีกวิธีหนึ่งคือการนำเข้าVERSIONค่าคงที่จาก@angular/coreนั้นจึงทิ้งไปยังคอนโซลด้วย:

console.log(VERSION.full); //5.2.11

ทำงานใน:

ไม่แน่ใจเกี่ยวกับ Angular 2 และ 3 (หากมีคนทดสอบได้; ไม่มีหน้าเว็บ)


สำหรับ AngularJS 1.x ให้ใช้angular.version:

console.log(angular.version); //1.7.4

6

ข้อควรสนใจ : ต่อไปนี้เป็นการตรวจสอบเฉพาะรุ่นAngular-CLI !!!:

คำสั่งทั้งสองทำงาน:

ng -v

หรือ

ng v

ป้อนคำอธิบายรูปภาพที่นี่


1
นั่นคือรุ่นของ "Angular CLI" ไม่ใช่รุ่นของ "Angular"
mareoraft

เชิงมุม cli 7 มีคำสั่ง "ng version" ซึ่งรวมถึงเวอร์ชันเชิงมุม
Dynrepsys


5

สำหรับการใช้งานเชิงมุม 4+

  • รุ่น
  • ng v

โปรดทราบว่าตัวเลือก ng -v ไม่ทำงานใน Angular 7+


5

เพียงแค่เรียกใช้ng vในคำสั่ง

คุณจะได้รับผลลัพธ์เช่น

Angular CLI: 7.3.9
Node: 12.11.0
OS: win32 x64
Angular: 7.2.15
... common, compiler, compiler-cli, core, f
... language-service, platform-browser, pla
... router

Package                           Version
-------------------------------------------
@angular-devkit/architect         0.13.9
@angular-devkit/build-angular     0.13.9
@angular-devkit/build-optimizer   0.13.9
@angular-devkit/build-webpack     0.13.9
@angular-devkit/core              7.3.9
@angular-devkit/schematics        7.3.9
@angular/cli                      7.3.9
@ngtools/webpack                  7.3.9
@schematics/angular               8.0.0
@schematics/update                0.13.9
rxjs                              6.5.3
typescript                        3.1.6
webpack                           4.29.0

3

มีหลายวิธี:

  1. คุณสามารถตรวจสอบได้จากไฟล์package.jsonของคุณ
  2. คุณใช้คำสั่งต่อไปนี้:

ng - รุ่น

คำสั่งข้างต้นจะส่งผลให้ผลลัพธ์ต่อไปนี้:

CLI เชิงมุม: 7.0.3

โหนด: 9.4.0

ระบบปฏิบัติการ: ดาร์วิน x64

เชิงมุม: 7.0.1

... ภาพเคลื่อนไหวทั่วไปคอมไพเลอร์คอมไพเลอร์ -ci แกนรูปแบบ

... http, บริการภาษา, แพลตฟอร์มเบราว์เซอร์

... เราเตอร์แพลตฟอร์มเบราว์เซอร์แบบไดนามิก

เวอร์ชั่นของแพ็คเกจ


@ angular-devkit / architect 0.10.3

@ angular-devkit / build-angular 0.10.3

@ angular-devkit / build-optimizer 0.10.3

@ angular-devkit / build-webpack 0.10.3

@ angular-devkit / core 7.0.3

@ angular-devkit / schematics 7.0.3

@ angular / cli 7.0.3

@ ngtools / webpack 7.0.3

@ แผนงาน / เชิงมุม 7.0.3

@ schematics / อัปเดต 0.10.3

rxjs 6.3.3

typescript 3.1.4

webpack 4.19.1

ดังนั้นเวอร์ชั่นของ Angular, Angular CLI, Node และแพ็คเกจอื่น ๆ สามารถตรวจสอบได้จากที่นี่


3

หากคุณใช้โปรแกรมแก้ไขรหัส VS

ไปที่แผง Explorer ทางด้านซ้าย -> find package.json & เปิดมัน -> ภายใต้การพึ่งพา find @ angular / core

นี่เป็นเวอร์ชั่นเชิงมุมของคุณเนื่องจากแกนเป็นคุณสมบัติหลัก

ป้อนคำอธิบายรูปภาพที่นี่

ป้อนคำอธิบายรูปภาพที่นี่


3

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

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

หรือ

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

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

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

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

ในเทอร์มินัลคุณสามารถค้นหาเวอร์ชั่นเชิงมุมดังที่แสดงในภาพที่แนบมา: ป้อนคำอธิบายรูปภาพที่นี่

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

ป้อนคำอธิบายรูปภาพที่นี่

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


2

ในโฟลเดอร์โครงการของคุณเปิดเทอร์มินัลคำสั่งและพิมพ์

ng -v

มันจะให้รายชื่อของรายการในการที่คุณจะสามารถดูรุ่นเชิงมุม ดูภาพหน้าจอ

รายละเอียดเวอร์ชัน


4
CLI เชิงมุม: 1.7.3 โหนด: 8.9.0 ระบบปฏิบัติการ: win32 x64 เชิงมุม: ... ไม่แสดงผลตามภาพหน้าจอ
Devang Solanki

2

เวอร์ชั่นหลังจากเชิงมุม 2 คุณสามารถใช้จากเทอร์มินัล

ng -v



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

Angular CLI: 1.7.3
Node: 9.3.0
OS: linux x64
Angular: 5.2.9
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.7.3
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.5.3
webpack: 3.11.0
mohideen@root:~/apps/UI$ 

1

เพียงแค่ไปที่ไดเรกทอรีโครงการเชิงมุมของคุณผ่านทางขั้วและng -vให้ข้อมูลทั้งหมดเช่นนี้

Angular CLI: 1.7.4
Node: 8.11.1
OS: linux x64
Angular: 5.2.11
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.7.4
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.5.3
webpack: 3.11.0

หากคุณตรวจสอบng-vภายนอกโครงการเชิงมุมเชิงมุมก็จะแสดงเฉพาะรุ่นเชิงมุม -cii


ใช่ถ้าคุณต้องการดูเวอร์ชันเชิงมุมคุณต้องเข้าไปในโฟลเดอร์โครงการ
Gero


0

มันจะอยู่ที่นี่ ..

../project_name/bower_components/angular/angular.js

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */



0

เช่นเดียวกับคำตอบข้างต้นคุณสามารถตรวจสอบในเบราว์เซอร์โดยการตรวจสอบองค์ประกอบถ้าเป็น AngularJS เราสามารถเห็นบางสิ่งเช่นด้านล่าง

คำสั่ง ng-app บอก AngularJS ว่านี่เป็นองค์ประกอบหลักของแอปพลิเคชัน AngularJS

แอปพลิเคชัน AngularJS ทั้งหมดต้องมีองค์ประกอบรูต


0

สำหรับ angular JS คุณสามารถค้นหาได้ในไฟล์ angular-animate.js ดังต่อไปนี้:

/ ** * @license AngularJS v1.4.8 * (c) 2010-2015 Google, Inc. http://angularjs.org * ใบอนุญาต: MIT * /


0

นอกจากนี้คุณยังสามารถตรวจสอบได้โดยตรวจสอบองค์ประกอบในหน้า:

  1. กด F12 เพื่อเปิดเครื่องมือผู้พัฒนาของเบราว์เซอร์

  2. ตรวจสอบองค์ประกอบ

  3. ขยายเนื้อความ

  4. คุณจะเห็นเวอร์ชันของ Angular ดังต่อไปนี้:

NG-รุ่น = "4.3.6"

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.