Làm thế nào để kiểm tra phiên bản Angular?

Tôi đã cài đặt @angular/cligói qua npm, sử dụng lệnh này:

npm install -g @angular/cli

Phiên bản 1.4.2 của @ angle / cli đã được cài đặt thành công. Nhưng đó không phải là phiên bản Angular, mà là phiên bản CLI.

Sau khi chạy, ng new myapplàm cách nào để kiểm tra phiên bản Angular mà ứng dụng đã tạo? 2.x, 4.x?

ng version

Bạn đã cài đặt góc cạnh cli trên toàn cầu (-g trong lệnh). Điều này có nghĩa là bạn có thể nhập ng versionvào dấu nhắc lệnh của mình. Có thể chính xác hơn để thực hiện việc này khi dấu nhắc lệnh của bạn không nằm trong thư mục được kiểm soát bởi npm (bạn nên nhập điều này trong thư mục bạn đã nhập ng new myapp).

Một lưu ý cho những người đến đây từ Google: ng version sẽ cho bạn biết phiên bản Angular (thô) nào được tham chiếu bởi thư mục hiện tại. ví dụ: Thư mục này dường như đã được cài đặt góc 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

Nếu bạn không ở trong một thư mục có package.config, thì bạn sẽ nhận được Angular: ....

Đối với Angular 1 hoặc 2 (nhưng không phải đối với Angular 4+):

Bạn cũng có thể mở bảng điều khiển và chuyển đến tab phần tử trên công cụ dành cho nhà phát triển của bất kỳ trình duyệt nào bạn sử dụng.

Hoặc là

Nhập angle.version để truy cập đối tượng Javascript có phiên bản góc.

Đối với Angular 4+ Có một số cách như được liệt kê bên dưới:

Viết mã dưới đây trong dấu nhắc lệnh / hoặc trong thiết bị đầu cuối trong Mã VS. (lên đến 3)

1. ng phiên bản hoặc ng - phiên bản (Tìm hình ảnh để tham khảo)
2. ng v
3. ng -v

Trong thiết bị đầu cuối, bạn có thể tìm thấy phiên bản góc cạnh như trong hình ảnh đính kèm:

4. Bạn cũng có thể mở bảng điều khiển và chuyển đến tab phần tử trên công cụ dành cho nhà phát triển của bất kỳ trình duyệt nào bạn sử dụng. Như được hiển thị trong hình ảnh dưới đây:

5. Tìm tệp package.json, Bạn sẽ tìm thấy tất cả các phụ thuộc đã cài đặt và phiên bản của chúng.

Bạn nên kiểm tra tệp package.json trong dự án. Ở đó bạn sẽ thấy tất cả các gói được cài đặt và phiên bản của các gói đó.

Trong dòng lệnh, chúng tôi có thể kiểm tra phiên bản ng đã cài đặt của chúng tôi.

ng -v OR ng --version OR ng version

Điều này sẽ cung cấp cho bạn như thế này:

 _                      _                 ____ _     ___

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

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

ng v

Chỉ cần chạy lệnh trên trong terminal.

Tôi nghĩ câu trả lời do D. Squire đưa ra là chính xác, nhưng có thể chỉ là một chút mơ hồ. Nếu bạn thay đổi các thư mục thành một dự án và sau đó gõ ng --version, nó sẽ hiển thị phiên bản góc trong dự án. Nếu được thực hiện từ một thư mục mặc định (không phải trong một dự án), bạn sẽ chỉ nhận được phiên bản Angular CLI, có thể không phải là thứ bạn đang tìm kiếm và sẽ cho kết quả được hiển thị bởi 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 không xuất ra nhiều thứ hơn chỉ là phiên bản.

Nếu bạn chỉ muốn phiên bản từ nó, bạn có thể thêm pipe grep và bộ lọc cho góc cạnh như:

ng v | grep 'Angular:'

ĐẦU RA:

Angular: #.#.# <-- VERSION

Đối với điều này, tôi có một bí danh là

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

Sau đó chỉ cần sử dụng ngv

chạy phiên bản ng

sau đó chỉ cần kiểm tra phiên bản của gói lõi góc.

@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

Trong thiết bị đầu cuối, nhập một trong hai ng -vhoặc ng --version.

1. ng v
2. ng --v

bạn sẽ thấy một cái gì đó như sau:

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

Phiên bản Angular nằm ở dòng 4 ở trên

Có nhiều cách, bạn kiểm tra phiên bản góc cạnh Chỉ cần dồn dấu nhắc comand (cho windows) và gõ

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

Sự hiểu biết đầy đủ về subversion about (xxx) vui lòng xem tài liệu angleJS và angle 2+

Từ góc 7 trên các phường, hai lệnh sau đang hoạt động

ng --version 
ng version

Đầu tiên hãy cài đặt Angular / cli trên toàn cục trong máy. để cài đặt angle / cli, hãy chạy lệnh npm install -g @ angle / cli

Trên Angular7, sử dụng hai lệnh này để biết phiên bản của Angular / Cli 1. ng --version, 2. ng phiên bản

kiểm tra Command Prompt

phiên bản ng - phiên bản HOẶC ng -v

lệnh ng --version trả về thông tin chi tiết của phiên bản Angular CLI đã cài đặt

ng --version

bạn có thể xem vidio này để cài đặt phiên bản góc cạnh mới nhất. https://youtu.be/zqHqMAWqpD8

2 xu của tôi, trong Angular 9 (không kiểm tra các phiên bản cũ hơn), bạn có thể tìm thấy phiên bản góc trong thuộc tính root div và đây là cách tôi hiển thị phiên bản hiện tại trong thành phần gốc ứng dụng (trích xuất và lưu nó trong Global's của tôi để sử dụng trong các thành phần khác :

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