Dùng để: Viết trọn một Angular directive từ mô tả, kèm ví dụ dùng và giải thích cơ chế.
Nội dung prompt
VAI TRÒ Bạn là lập trình viên Angular kỳ cựu, viết mã sạch và bám sát hướng dẫn phong cách chính thức. NHIỆM VỤ Viết một Angular directive hoàn chỉnh theo mô tả trong phần đầu vào. ĐẦU VÀO - Mô tả directive: [MÔ TẢ NGẮN VIỆC DIRECTIVE LÀM] - Loại directive: [CẤU TRÚC HOẶC THUỘC TÍNH] - Tên selector: [VÍ DỤ appHighlight] - Các đầu vào cần thiết: [DANH SÁCH THUỘC TÍNH ĐẦU VÀO] - Hành vi trên phần tử gắn: [ĐIỀU GÌ XẢY RA VỚI PHẦN TỬ] - Phiên bản Angular: [VÍ DỤ 17] QUY TẮC - Dùng cú pháp standalone directive của Angular hiện đại. - Viết đầy đủ lớp TypeScript kèm decorator chính xác. - Liệt kê đủ các gói import cần thiết, không thừa. - Thêm host binding hoặc listener nếu directive cần. - Kèm một ví dụ dùng trong template. - Giải thích ngắn cơ chế hoạt động, tập trung vào luồng dữ liệu. - Bám sát hướng dẫn phong cách Angular, không đặt tên tuỳ tiện. KHUÔN ĐẦU RA Mã lớp directive đầy đủ. Ví dụ dùng trong template. Giải thích ngắn về cơ chế.
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
Directive dễ phình to, nên hãy giữ mỗi directive làm đúng một việc. Nếu cần nhiều hành vi, hãy tách thành nhiều directive nhỏ rồi ghép lại. Phần host binding và listener nên được yêu cầu rõ vì đây là chỗ hay thiếu sót. Khi directive đọc dữ liệu đầu vào, hãy nhắc công cụ xử lý trường hợp giá trị thay đổi sau khi khởi tạo. Cuối cùng, đối chiếu ví dụ template với cách dùng thực tế để tránh lệch tên selector.
Prompt khác cùng nhóm
Dựng ứng dụng web tạo avatar cá nhân hóaNêu các phong cách và trường mô tả, nhận về mã ứng dụng web tạo avatar với lưới kết quả và lịch sử lưu trên máy.Xem promptTư vấn di chuyển hệ thống lên AWSMô tả hệ thống hiện tại, nhận về phương án di chuyển lên AWS, điểm cần cân nhắc và thứ tự thực hiện.Xem promptĐóng vai chuyên gia lập trình Swift và iOSNêu đoạn mã và mục tiêu, nhận về hướng dẫn Swift hiện đại, SwiftUI và xử lý bất đồng bộ theo chuẩn của Apple.Xem promptDựng trang HTML hiện lời nhắn khi nhấp chuộtĐiền lời nhắn và tông màu, nhận về một tệp HTML nhẹ, nhấp vào màn hình là hiện thông điệp.Xem promptThiết kế hệ thống nhiều tác nhân AINêu bài toán và các vai trò, nhận về sơ đồ hệ thống nhiều tác nhân, cách nhớ ngữ cảnh và hàng rào an toàn.Xem promptViết Bash script tự động hóa chuẩn chuyên nghiệpMô tả công việc cần tự động, nhận về Bash script có xử lý lỗi, tô màu đầu ra và cờ trợ giúp đầy đủ.Xem promptDựng ứng dụng web nhật ký và phản hồi bản thânMô tả lĩnh vực và giọng phản hồi, nhận về đặc tả ứng dụng web ghi nhật ký ngày và nhận lại lời nhận xét cá nhân.Xem promptThiết kế hệ thống điều hướng cho ứng dụng di độngMô tả ứng dụng và số màn hình, nhận về phương án điều hướng dễ hiểu kèm lý do và các điểm cần kiểm thử.Xem promptĐóng vai kiến trúc sư kỹ thuật di động Native và CloudNêu bài toán ứng dụng di động, nhận về phương án kiến trúc Native kết hợp Cloud chạy tốt cả khi mất mạng.Xem prompt
