cách tốt nhất để xóa một thành phần với CLI

Question

Tôi đã cố gắng sử dụng "ng phá hủy thành phần foo" là gì và nó nói với tôi "Các phá hủy lệnh không được hỗ trợ bởi góc-CLI"

Làm thế nào để chúng ta đúng xóa các thành phần với CLI góc?

Answer 1

destroy hoặc thứ gì đó tương tự có thể đến CLI, nhưng nó không phải là trọng tâm chính vào lúc này. Vì vậy, bạn sẽ cần phải làm điều này bằng tay.

Xóa thư mục thành phần (giả sử bạn không sử dụng --flat) và sau đó xóa nó khỏi NgModule trong đó nó được khai báo.

Nếu bạn không chắc chắn phải làm gì, tôi đề nghị bạn có một ứng dụng "sạch" nghĩa là không có thay đổi hiện tại git. Sau đó tạo một thành phần và xem những gì được thay đổi trong repo để bạn có thể quay lại từ đó những gì bạn sẽ cần phải làm để xóa một thành phần.

Cập nhật

Nếu bạn chỉ thử nghiệm về những gì bạn muốn tạo ra, bạn có thể sử dụng --dry-run cờ để không tạo ra bất kỳ tập tin trên đĩa, chỉ cần xem danh sách tập tin cập nhật.

Answer 2

1. Xóa thư mục chứa thành phần này.
2. Trong app.module.ts hãy xóa câu lệnh nhập cho thành phần này và xóa tên của nó khỏi phần khai báo của @NgModule
3. Xóa dòng có tuyên bố xuất cho thành phần này từ index.ts.

Answer 3

Hiện tại CLI góc không hỗ trợ tùy chọn xóa thành phần, bạn cần thực hiện thủ công.

1. Xóa tham chiếu nhập cho mọi thành phần từ app.module
2. Xóa thư mục thành phần.

Answer 4

Kể từ khi nó chưa được hỗ trợ sử dụng góc CLI

vì vậy đây là cách có thể, trước đó xin vui lòng quan sát những gì xảy ra khi bạn tạo ra một thành phần/dịch vụ sử dụng CLI (ví dụ. ng g c demoComponent).

1. Tạo thư mục riêng biệt có tên demoComponent (ng g c demoComponent).
2. Nó tạo ra HTML,CSS,ts và một tệp spec dành riêng cho demoComponent.
3. Ngoài ra, nó còn thêm sự phụ thuộc vào tệp app.module.ts để thêm thành phần đó vào dự án của bạn.

để làm điều đó theo thứ tự ngược

1. Di chuyển phụ thuộc từ app.module.ts
2. Xóa thư mục đó thành phần.

Answer 5

Tôi không chắc đó có phải là cách tốt nhất hay không, nhưng nó có hiệu quả đối với tôi.

• Trước tiên, tôi đã xóa thư mục thành phần.
• Sau đó, tôi đã xóa app.module.ts, app.component.ts & app.component.html của các nhập và khai báo liên quan đến thành phần tôi muốn xóa.
• Tương tự, tôi đã xóa main.ts.

Tôi vừa lưu và làm mới ứng dụng và nó hoạt động.

Answer 6

Từ app.module.ts:

• xóa dòng nhập khẩu đối với các thành phần cụ thể;
• xóa tuyên bố của nó khỏi @NgModule;

Sau đó, xóa các thư mục của các thành phần bạn muốn xóa và các tập tin bao gồm nó (.component.ts, .component.html, .component.css và .component.spec.ts).

Xong.

-

Tôi đọc mọi người nói về việc xóa từ main.ts. Bạn không được phép nhập nó từ nơi đầu tiên vì nó đã nhập AppModule, và AppModule là một trong những nhập khẩu tất cả các thành phần bạn đã tạo.

Answer 7

Trước hết, hãy xóa thư mục thành phần mà bạn phải xóa rồi xóa các mục nhập mà bạn đã tạo trong tệp "ts".

Answer 8

Nếu bạn tìm kiếm một số lệnh trong CLI, Sau đó ans là NO hiện tại. Nhưng bạn có thể làm theo cách thủ công bằng cách xóa thư mục thành phần và tất cả các tham chiếu.